yeoman是什麼東西我在這裏就不介紹了,網上一搜一大把,咱們直接進入正題。
node
(1).Ruby,下載地址:http://rubyinstaller.org/downloads/ python
1.1.安裝文件直接安裝就行了,命令行輸入 ruby --version能夠看到版本就安裝成功,不然請設置環境變量(此不詳說)npm
1.2. 設置gem源爲淘寶的ruby源, cmd中輸入以下內容windows
gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/$ gem sources -l
(2).ruby安裝完成以後請安裝compass,安裝步驟見官方:http://compass-style.org/install/ ruby
(3).安裝nodejs,官網直接下載安裝便可grunt
(4)安裝python,此處須要注意的是:1.版本(建議是2.7.3,v3.x.x不支持);2.配置環境變量測試
(5)安裝node-gyp,安裝命令:npm install -g node-gypui
(6)安裝yoeman,grunt,bower;命令:npm install -g yo grunt-cli bowerspa
(7)測試安裝狀況輸入:yo --version & grunt --version & bower --version
命令行
(8)安裝generator-angular,命令:npm install -g generator-angular
(9)構建angular項目命令:yo angular;而後根據須要選擇。。。。。
注意:若是期間構建報錯並且錯誤是:「msbuild error msb4132 the tools version 2.0 is unrecognized. available tools versions are 4.0」
如圖:
解決方法:
卸載node-gyp
設置npm,此步驟是關鍵,命令:
npm config set msvs_version 2013 --global
5.重裝node-gyp,從新構建成功。