安装Angular CLI开发工具

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

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

以下是它常见的功能：

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

Angular CLI的安装

一、安装依赖环境
安装Nodejs

• 下载地址：

• 安装

• 确认Node环境
  
  安装npm

• npm 会随着Node安装被一起安装

• 确认npm环境
  
  安装Python

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

• 安装步骤：Python3.8下载安装步骤及环境变量配置详解

• 确认Python环境
  
  安装C++编译工具

• Angular CLI在windows上同时依赖C++编译工具，所以我们也需要单独安装

• 当然如果你的机器安装了Visual Studio就可以不用安装(注意 不是Visual Studio Code)

• 执行下面的命令安装C++编译工具

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

安装cnpm(不是必须)

npm install --global cnpm

二、安装脚手架工具

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

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

cnpm i -g @angular/cli

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

ng --version

---

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