Angular配置环境以及创建项目

环境搭建

下载安装nodejs

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

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

@H_403_6@

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

安装cnpm

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

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

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

@H_403_6@

cnpm –v@H_403_6@ @H_403_6@

安装完毕之后，需输入：@H_403_6@

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

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

全局安装gulp

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

cnpm install gulp –g@H_403_6@ @H_403_6@

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

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

安装完毕之后，输入：@H_403_6@

gulp –v@H_403_6@ @H_403_6@

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

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

自动创建

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

cnpm init@H_403_6@

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

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

第二种：@H_403_6@

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

ng new angular-cli-project@H_403_6@ @H_403_6@

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

@H_403_6@

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

定位到项目目录

cd angular-cli-project@H_403_6@ @H_403_6@

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

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

cnpm install @H_403_6@ @H_403_6@

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