Angular4-在线竞拍应用-开发环境的搭建

安装Nodejs，Angular CLI，WebStorm

安装Node.js@H_404_3@
去Node.js的官网，https://nodejs.org/en/，点击下载按钮，node-v6.11.3-x64.msi，直接下一步下一步安装即可，软件会自动写入环境变量中，这样就能直接在cmd命令窗口中直接使用node或npm（包管理工具）命令。

安装完后执行`node -v`，会显示出其版本号，代表安装成功。

Angular 4.0基于node.js，所有要先安装nodejs环境。

安装cnpm@H_404_3@

npm是一个包管理工具。由于npm安装插件是从国外服务器下载，受网络影响很大，可能出现异常，继而淘宝团队生产一个完整的npmjs.org镜像，用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时，将npm改为cnpm。

在cmd命令窗口中输入，然后回车

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

安装完毕时候输入cnpm -v,查看是否安装成功。

安装TypeScript和typings@H_404_3@

angular-cli是用TypeScript写的，所以需要安装TypeScript和typings。

输入

cnpm install –g typescript@2.2.2 typings

安装完后输入tsc -v，出现版本号即安装成功。

安装 angular-cli@H_404_3@

cnpm install –g @angular/cli@1.0.0

之后输入ng -v，出现版本号即安装成功。

ng即为angular。

设置cnpm为默认的包管理工具

ng set --global packageManager=cnpm

新建项目@H_404_3@

在命令行中进入到自己想建项目的文件夹中，执行下面的命令，ng就是Angular的缩写

ng new auction

auction是项目的名称。

之后会创建项目的基本文件，然后下载项目所依赖的node.js包。默认是用npm从外国网站下载资源，下载速度极慢。所以基本文件下载完毕后，ctr+c，终止进程，然后用cnpm下载包。如果前面设置cnpm为默认的包管理工具，就会默认从cnpm下载了。