安装Angular CLI开发工具

目前，无论你使用什么前端框架，都必然要用到NodeJS工具，Angular也不例外，与其他框架不同的是，Angular一开始就使用“全家桶”式的设计思路，因此@angular/cli这款工具里面集成了日常开发需要使用的所有Node模板，使用@angular/cli可以大幅度的降级开发环境的难度。

Angular CLI类似于 Vue CLI，是Angular官方开发的一个脚手架工具，专门用来开发Angular应用程序

以下是它常见的功能：

1. Angular应用程序初始化
2. 内置开发服务器
3. 代码变更浏览器自动刷新
4. 创建组件，指令，服务等集成工具
5. 测试和服务
6. …

Angular CLI的安装

一、安装依赖环境
安装Nodejs

1. 下载地址：
2. 安装
3. 确认Node环境

• 

安装npm

1. npm 会随着Node安装被一起安装
2. 确认npm环境

• 

安装Python

1. 安装地址：https://www.python.org/

2. 安装步骤：Python3.8下载安装步骤及环境变量配置详解
3. 确认Python环境

• 

安装C++编译工具

1. Angular CLI在windows上同时依赖C++编译工具，所以我们也需要单独安装
2. 当然如果你的机器安装了Visual Studio就可以不用安装(注意 不是Visual Studio Code)
3. 执行下面的命令安装C++编译工具

npm install --global --production windows-build-tools

 

安装cnpm(不是必须)

 

npm install --global cnpm

二、安装脚手架工具

Angular CLI 是Angular官方开发的类似于 Vue CLI的脚手架工具，它帮我们集成了webpack打包，开发服务器，单元测试，自动编译，部署等功能特性

1. 使用它的第一步就是先安装：
2. 安装命令如下：

cnpm i -g @angular/cli

 

       3.安装结束可通过命令行查看版本信息

 

ng --version

 

---

千夏Chinatsu: 你会活得很好，就像一场春雪后，也像一阵夏雨诗。