使用Angular CLI创建Angular 2项目

标签：class   ase   tool   http   好的   bst   .com   https   tps   

一、安装nvm-windows，方便node版本切换

nvm list //查看已安装的版本
nvm install 6.11.0 //安装Node.js 6.11.0，因为@angular/cli需要6.9版本以上支持
nvm use 6.11.0 //切换到新安装的版本

二、为npm配置proxy(proxy软件需自行安装)

npm config set proxy=http://localhost:1080
npm config set https-proxy=http://localhost:1080

三、安装@angular/cli

npm install -g @angular/cli

安装完后，查看ng版本（如下图）

ng version 

四、使用webstorm创建Angular 2项目

1. 打开webstorm，选择"create new project"
2. 选择Angular CLI，此时会自动侦测并配置刚才安装好的Angular CLI（如下图）
   
3. 点右下角“create”，创建project
4. 当Run窗格中出现“Installing packages for tooling via npm ”字样时，需稍等片刻，之后即可successfully created（如下图）
   

五、启动项目

浏览器地址栏输入：localhost:4200，显示如下图即OK

使用Angular CLI创建Angular 2项目

标签：class   ase   tool   http   好的   bst   .com   https   tps   

原文地址：http://www.cnblogs.com/enginex/p/7147892.html