使用 angular-cli 创建 angular2 项目

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

常创建项目了。

下面是一部分报错信息:使用 angular-cli 创建 angular2 项目_第1张图片

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

1.安装cnpm

$ npm install cnpm

以后就用cnpm 替代 npm 

2.安装angular-cli

$ npm install -g angular-cli

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

$ ng -v

使用 angular-cli 创建 angular2 项目_第2张图片

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

$ ng new Anuglar2Demo1

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

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

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

然后再执行

$ ng new Anuglar2Demo1
这样项目就能创建成功了

使用 angular-cli 创建 angular2 项目_第3张图片

5.启动项目

进入项目目录下

$ cd Anuglar2Demo1

执行ng serve命令

$ ng serve
使用 angular-cli 创建 angular2 项目_第4张图片

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

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



你可能感兴趣的:(Angular2)