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

相关文章
相关标签/搜索