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

安装Nodejs，Angular CLI，WebStorm

安装Node.js

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

安装完后执行

node -v

，会显示出其版本号，代表安装成功。

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

安装cnpm

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

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

输入

cnpm install –g typescript@2.2.2 typings

安装完后输入

tsc -v

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

安装 angular-cli

cnpm install –g @angular/cli@1.0.0

之后输入

ng -v

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

ng即为angular。

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

ng set --global packageManager=cnpm

安装WebStorm

去官网下载WebStorm-2017.2.4.exe，在License server中输入http://idea.imsxm.com/，来激活软件。

新建项目

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

ng new auction

auction是项目的名称。

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

安装依赖的node.js包

进入到auction文件夹，然后执行

cnpm install

。之后就会下载大概100多兆的东西。

之后会在auction中多出一个node_modules文件，这个里边就是下载的那些包。