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

自動在預設瀏覽器開啟頁面：

表示配置成功

 

Windows上安裝Yeoman