使用 angular-cli 创建 angular2 项目

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiaozhi_2016/article/details/68483692

起初使用angular-cli创建angular2项目时，有好几次都是失败告终。最后发现是node-sass没有安装上，原来是npm翻墙的缘故。使用淘宝官方制作的npm镜像站点cnpm就可以正

常创建项目了。

下面是一部分报错信息：

说一下使用angular-cli 创建angular2项目的步骤吧：

1.安装cnpm

$ npm install cnpm

以后就用cnpm 替代 npm 

2.安装angular-cli

$ npm install -g angular-cli

3.查看angular-cli版本，检查是否安装成功

$ ng -v

4.新建项目（一定要先指定node-sass的下载路径为cnpm）

$ ng new Anuglar2Demo1

会卡在下载安装node-sass 的过程中。。。

需要提前设置 sass 路径为 淘宝的源。

$ set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/

然后再执行

$ ng new Anuglar2Demo1

这样项目就能创建成功了

5.启动项目

进入项目目录下

$ cd Anuglar2Demo1

执行ng serve命令

$ ng serve

访问http://localhost:4200/即可运行项目。

你还可以在webstorm中创建基于angular2的项目，详情见《使用WebStorm创建Angular2项目》。