Angular配置环境以及创建项目

环境搭建

下载安装nodejs

打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。

node.js插件在windows系统下是个.msi工具，只要一直下一步即可，软件会自动在写入环境变量中，这样就能在cmd命令窗口中直接使用node或npm命令。

PS:Gulp基于node.js，所以要先安装nodejs环境

安装cnpm

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

在cmd命令窗口中直接输入：

按下enter键直接执行，如下图所示：

cnpm –v

安装完毕之后，需输入：

查看版本号或者关闭命令提示符重新打开，否则安装完毕后直接使用会出现错误。

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

全局安装gulp

在确保正确安装nodejs环境的前提下，在命令提示符中输入：

cnpm install gulp –g

全局安装gulp，从而执行gulp任务。

PS:“-g”表示全局安装

安装完毕之后，输入：

gulp –v

查看版本号，确认是否安装成功，如图所示：

PS：出现版本号即为正确安装

自动创建

第二．自动创建，在命令提示符中输入：

cnpm init

此时可以去相应文件夹下看到package.json文件：

第一种：cnpm install @angular/cli -g

第二种：

PS:package.json是基于nodejs项目必不可少的配置文件，是存放在项目根目录的普通json文件，文件不允许写注释

ng new angular-cli-project

直接在命令提示符中输入：

PS:angular2的基本文件已经创建，接下来就是下载项目所依赖的nodejs包，用ng new angular-cli-project,直接创建如果不终止的话，默认用npm从国外网站下载资源，下载速度极慢。所以基本文件下载完毕之后，终止进程，然后用cnpm下载项目所依赖的nodejs包

定位到项目目录

cd angular-cli-project

在命令提示符中直接输入：

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

cnpm install

在命令提示符中直接输入：