Visual Studio Code：

1.下载地址（可根据需要下载Linux，Window，Mac对应版本）

https://code.visualstudio.com/Download

 

2. Angular （https://angular.io/，https://angular.io/guide/quickstart）

1. 下载nodejs安装包(https://nodejs.org/en/)  建议下载安装包版本，省去环境变量的配置

2. 安装angular client (Aunglar cli) https://angular.io/cli ，主要利用nodejs命令安装

3. 将npm切换成cnpm           npm install -g cnpm --registry=https://registry.npm.taobao.org

http://npm.taobao.org/

前两个即可。

• 修改 下载仓库为淘宝镜像

　 npm config set registry http://registry.npm.taobao.org/

• 如果要发布自己的镜像需要修改回来

　 npm config set registry https://registry.npmjs.org/

• 安装cnpm

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

 

 

4. 利用命令创建新项目 （https://angular.io/cli/new）  Window 10 

• cmd(切换到自己想要存储项目的路径)  ，本例是D:\Evan\TestGithub  

•   ng new MyTestApp skipInstall=true
• 创建成功后，如下图所示

5. 打开工程。 启动VS Code，以此点击左上角菜单“”File-->OpenFolder“”  找到刚才创建的MyTestApp文件夹，打开

6. 启动项目（ng server）

 

7. 创建home component

• 右击app，点击open in terminal,打开控制台页面
• 输入ng generate component home， 命令执行成功，在app节点下回出现home节点

8. Upgrate Angular version

https://update.angular.io/