angular2后开发方式只剩下一种项目搭建方式：使用脚手架的方式
开发环境搭建步骤：
- 下载并安装angular cli脚手架工具
- 运行脚手架，创建空白项目
- 进入空白项目，运行开发服务器
- 客户端访问测试
确保开发环境配置了node和npm，对应版本参考官方要求

国内访问npm建议使用第三方的仓库地址，国内建议使用淘宝的npm镜像仓库

===============查看当前的npm仓库地址================
C:\Users\92541\Desktop\sd-wan\myngapp01>npm config get registry
https://registry.npmjs.org/
===============修改npm仓库地址=====================
C:\Users\92541\Desktop\sd-wan\myngapp01>npm config set registry https://registry.npm.taobao.org
C:\Users\92541\Desktop\sd-wan\myngapp01>npm config get registry
https://registry.npm.taobao.org/

1、安装Angular CLI脚手架

通过npm命令安装脚手架 ```basic C:\Users\92541>npm install -g @angular/cli ============执行成功后提示信息=============== added 188 packages, and audited 189 packages in 41s

23 packages are looking for funding run npm fund for details

found 0 vulnerabilities

<a name="wnIVV"></a>
# 2、创建空白项目
- 通过`angular cli`脚手架创建一个空白的angular项目
```basic
C:\Users\92541\Desktop\sd-wan>ng new myngapp01
? Would you like to add Angular routing? No
? Which stylesheet format would you like to use? CSS
......
    Successfully initialized git.

3、运行开发服务器

进入创建完成的空白angular项目，并启动运行服务器 ```basic C:\Users\92541\Desktop\sd-wan>cd myngapp01

C:\Users\92541\Desktop\sd-wan\myngapp01>ng serve ✔ Browser application bundle generation complete.

                  | Initial Total |   2.21 MB

Build at: 2022-02-10T03:07:24.624Z - Hash: a37785e98be23002 - Time: 6884ms

Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/

√ Compiled successfully. ```

启动开发服务器成功，根据提示信息，端口号为4200

4、访问客户端
根据提示的端口号信息，通过浏览器url访问项目界面，观察项目是否创建启动成功
在浏览器URL栏输入localhost:4200访问

看到上述界面代表启动成功，angular环境搭建完成

Angular环境搭建

1、安装Angular CLI脚手架

3、运行开发服务器

4、访问客户端