windows中安裝yeoman構建angularJs項目

    yeoman是什麼東西我在這裏就不介紹了,網上一搜一大把,咱們直接進入正題。
node

1、環境配置

(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」

如圖:

解決方法:

  1. 安裝Microsoft build tools

  2. 卸載node-gyp

  3. 設置npm,此步驟是關鍵,命令:

  4. npm config set msvs_version 2013 --global

    5.重裝node-gyp,從新構建成功。

    解決方法摘自:http://stackoverflow.com/questions/14278417/cannot-install-node-modules-that-require-compilation-on-windows-7-x64-vs2012/22411007#22411007

相關文章
相關標籤/搜索