Angular2搭建环境

一、搭建环境：

1.下载安装node.js：

打开node.js官网，下载完成后，双击安装，一直下一步就好。

输入命令验证node.js

node -vnpm -v

2.安装cnpm：

npm install cnpm -g -registry=https://registry.npm.taobao.org

安装完毕之后，需输入：

cnpm -v

3.安装typescript和typings：

cnpm install -g typescript@2.2.2 typings

安装完成后，查看版本是否安装成功，输入：

tsc -v

出现版本号，即为安装成功。

4.安装@angular/cli：

cnpm install -g @angular/cli@1.0.0

验证@angluar/cli是否安装成功，输入：

ng version

即为成功。

二、项目流程：

1.下载安装webstorm-持续集成服务器：

下载：webstorm
2.新建angular2项目：

ng new angular-cli-project

注：angular-cli-project这是项目名称，更具实际来命名

进程运行到最后绿色这，按两次“Ctrl+C”，终止创建。
3.定位到项目目录：

cd angular-cli-project

4.安装项目依赖的所有node.js包：

cnpm install

5.启动web服务器：

ng serve

效果图

三、遇到的问题：

在搭建环境时，走到第四步安装@angular/cli时，遇到错误

解决了一天，也没有解决成功，第二天一试，竟然成功了，我找原因，一是我卸载了昨天安装@angular/cli,卸载命令

npm cache clean

二是我对电脑进行了全盘查毒。具体原因到现在我也不太清楚，有点奇怪。