一、搭建环境:
1.下载安装node.js:
打开node.js官网,下载完成后,双击安装,一直下一步就好。
输入命令验证node.js
node -v
npm -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
二是我对电脑进行了全盘查毒。具体原因到现在我也不太清楚,有点奇怪。