Windows上安裝Yeoman

以前直接安裝完Node.js後，運行npm install -g yo命令，結果出現什麼"要安裝framework2.0 sdk,vcbuild"什麼的錯誤，怎麼也弄很差，結果是各類前提環境沒搭建好->-> 

 

1.安裝Ruby

下載地址：http://rubyinstaller.org/downloads/

注意選擇64位或32位版本

注意勾選安裝界面三個複選框

安裝完後打開命令行，輸入:ruby --version

若是成功輸出版本號，則安裝成功

 

2.安裝Compass、Sass

安裝完ruby以後，在開始菜單中，找到剛纔咱們安裝的ruby，打開Start Command Prompt with Ruby，而後直接在命令行中輸入:gem install Compass

安裝完後輸入：compass --version

若是成功輸出版本號，則安裝成功

gem install Sass

Sass --version

(Compass必須安裝,Sass有的教程沒裝，我是裝了->->)

 

3.安裝Python

下載地址：https://www.python.org/downloads/windows/

注意選擇64位或32位

這裏我下載的是2.7.9版本的，貌似在網上見過一個帖子說用3.X版本出現問題的

安裝完後打開命令行輸入：python --version

輸出版本號則安裝成功

 

4.安裝Node.js

下載地址：https://nodejs.org/download/

注意選擇64位或32位

這裏我下的是.msi文件，這個能夠幫你配置好環境變量，能直接在命令行裏使用node命令

安裝完後打開命令行輸入：node --version 和 npm --version

輸出版本號則安裝成功

(npm是node的包管理器)

 

5.安裝Yeoman

打開命令行輸入：npm install -g yo

安裝完後打開命令行輸入：yo --version 、bower --version 和 grunt --version

輸出版本號則安裝成功

這裏注意bower和grunt在安裝yo的時候會一塊兒安裝，關鍵點是grunt是否安裝

一開始我安裝完後運行:grunt --version只有grunt-cli v0.1.13輸出版本號，而後yeoman就很差使；

而後我單獨安裝grunt，運行：npm install -g grunt，安裝完後打印版本號任然只有grunt-cli輸出版本號；

最後使用本地安裝:npm install grunt，才完整輸出上圖結果，緣由暫且不明

注意必定要出現上圖結果纔算安裝成功！！！

 

6.安裝angular生成器

運行yo命令會提示你安裝生成器，我安裝的是angular生成器：npm install -g generator-angular(由於要學習angularJS)

 

7.測試

建立文件夾如test，進入文件夾：mkdir test、cd test

輸入命令：yo angular

而後會詢問你是否使用Sass?Bootstrap?選用那些angular組件

我輸入：N、Y和Enter

最後就是漫長的等待...

而後文件大小有差很少250M...

在test目錄下，輸入命令：grunt serve

自動在默認瀏覽器打開頁面：

表示配置成功