windows中安装yeoman构建angularJs项目

醉酒当歌 提交于 2019-12-06 12:13:54

    yeoman是什么东西我在這里就不介绍了,网上一搜一大把,我们直接进入正题。

一、环境配置

(1).Ruby,下载地址:http://rubyinstaller.org/downloads/   

        1.1.安装文件直接安装就好了,命令行输入 ruby --version可以看到版本就安装成功,否则请设置环境变量(此不详说)

        1.2. 设置gem源为淘宝的ruby源, cmd中输入如下内容

    gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/$ gem sources -l

    (2).ruby安装完成之后请安装compass,安装步骤见官方:http://compass-style.org/install/

    (3).安装nodejs,官网直接下载安装即可

    (4)安装python,此处需要注意的是:1.版本(建议是2.7.3,v3.x.x不支持);2.配置环境变量

    (5)安装node-gyp,安装命令:npm install -g node-gyp

    (6)安装yoeman,grunt,bower;命令:npm install -g yo grunt-cli bower

    (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


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!