Angular CLI 是命令行接口(Angular Command Line Interface)，用于实现自动化开发工作流程。它使开发人员更容易建造和运行Angular工程。

Angular CLI 是Angular开发的辅助工具。

安装Angular CLI先安装Node.js和NPM。

Angular需要Node.js的8.x或10.x版本。一般安装Node.js之后npm顺便说一一下。我们可以通过node -v 命令和 npm -v 命令来查看node.js或者npm是否安装。

在安装了Node.js和npm之后，我们可以安装以下命令Angular CLI

# window以下命令用于平台 npm install -g @angular/cli # mac或者linux以下命令用于平台 sudo npm install -g angular-cli 

之后可以通过 ng version 命令来验证Angular CLI安装是否成功。

ng new <name> [options] ng n <name> [options] 

ng new创建新的命令Angular项目。

ng new 并创建目录Angular项目。

ng add <collection> [options] 

为项目增加对外部库的支持。 ng add ng-zorro-antd 命令添加ng-zorro-antd ui框架。

ng generate <schematic> [options]
ng g <schematic> [options]

ng generate appShell [options]
ng g appShell [options]

       生成用于运行应用程序的服务器端版本的应用程序shell。

ng generate application <name> [options]
ng g application <name> [options]

       在当前工作区的“projects”文件夹下生成一个新的Angular应用。

ng generate class <name> [options]
ng g class <name> [options]

       在给定或默认项目中创建类。

ng generate component <name> [options]
ng g component <name> [options]

       在给定或默认项目中创建组件。

ng generate directive <name> [options]
ng g directive <name> [options]

       在给定或默认项目中创建新的通用指令。

ng generate enum <name> [options]
ng g enum <name> [options]

       为给定或默认项目生成新的通用枚举。

ng generate guard <name> [options]
ng g guard <name> [options]

        在给定或默认项目中生成新的通用路由守卫定义。

ng generate interface <name> <type> [options]
ng g interface <name> <type> [options]

       在给定或默认项目中创建新的通用接口定义。

ng generate library <name> [options]
ng g library <name> [options]

       在当前工作空间中创建新的通用库项目

ng generate module <name> [options]
ng g module <name> [options]

       在给定或默认项目中创建新的通用NgModule。

ng generate pipe <name> [options]
ng g pipe <name> [options]

       在给定或默认项目中创建新的通用管道。

ng generate service <name> [options]
ng g service <name> [options]

       在给定或默认项目中创建新的通用服务。

ng generate serviceWorker [options]
ng g serviceWorker [options]

       将此原理图传递给“run”命令以创建serviceWorker。

serviceWorker是浏览器在后台独立于网页运行的一段脚本。他通过域名标识不同的网页。网页通过注册自己的serviceWorker，可以将一些相对独立的任务丢到serviceWorker里面运行，并最终通过postMessage进行通信。

ng generate universal [options]
ng g universal [options]

       将此原理图传递给“run”命令，为应用程序设置服务器端渲染。

ng build <project> [options]
ng b <project> [options]

        将Angular应用程序编译到给定输出路径中名为dist /的输出目录中。前提是必须在工作空间目录中执行。

       执行ng build命令之后将会做下面几件事情：

• Angular CLI 从 .angular-cli.json 文件中加载配置信息
• Angular CLI 运行 Webpack 打包项目相关的 JavaScript 与 CSS 文件
• 打包后的资源，将被输出到配置文件中 outDir 所指定的目录，默认是输出到 dist 目录

ng config <jsonPath> <value> [options]

        在工作空间的angular.json文件中检索或设置Angular配置值。(查看或者设置angular.json文件中某个配置对应的值)

       ng config的使用我们举一个简单的例子来说明。比如我们有这样的一个angular.json(我们删掉了很多东西)

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "verify-demo": {
      "sourceRoot": "src"
    }
  },
  "defaultProject": "verify-demo"
}

获取 projects.verify-demo.sourceRoot 对应的值

ng config projects.verify-demo.sourceRoot

设置 projects.verify-demo.sourceRoot 对应的值为app

ng config projects.verify-demo.sourceRoot app

ng doc <keyword> [options]
ng d <keyword> [options]

        在浏览器中打开官方Angular文档（angular.io），并搜索给定的关键字。

ng e2e <project> [options]
ng e <project> [options]

       构建并提供Angular应用程序，然后使用Protractor运行e2e测试。

必须从工作空间目录中执行。如果未提供项目名称，则将对所有项目执行

ng help [options]

       列出可用的命令及其简短描述。

ng lint <project> [options]
ng l <project> [options]

       在给定项目文件夹中的Angular应用程序代码上运行linting工具。

ng run <target> [options]

ng serve <project> [options]
ng s <project> [options]

       构建并运行应用程序，而且在工程里面的文件有改动之后会自动rebuild。

       当执行ng serve命令后，将发生以下几件事情：

• Angular CLI 从 .angular-cli.json 文件中加载配置信息。
• Angular CLI 运行 Webpack 打包相关 JavaScript 和 CSS 文件。
• Angular CLI 启动 webpack dev server 本地开发服务器，默认的地址是 localhost:4200。

ng test <project> [options]
ng t <project> [options]

       在项目中运行单元测试。

Angular CLI 在新建项目的时候，自动为我们集成了 Karma test runner 测试框架

       运行ng test命令之后，将会执行以下几个动作：

• Angular CLI 从 .angular-cli.json 文件中加载配置信息。
• Angular CLI 基于 .angular-cli.json 文件中的 Karma 相关的配置信息，运行 Karma。Karma 的配置文件默认在根目录下，文件名为 karma.conf.js 。
• Karma 打开配置中设定的浏览器，默认是 Chrome。 Karma 然后指示浏览器 (Chrome) 使用 Karma 配置中指定的测试框架运行 src/test.ts。默认情况下，采用的是 Jasmine 框架。创建应用程序时，会自动创建 src/test.ts 文件。它预先配置为加载和配置测试Angular 应用程序所需的代码，并运行 src 目录中以 .spec.ts 结尾的所有文件。
• Karma 将测试结果报告给控制台。
• Karma 监听 src 目录下的文件的变化，然后自动运行单元测试。

ng update [options]

       更新您的应用程序及其依赖项。参见https://update.angular.io/。

比如可以通过运行以下命令，对核心框架和CLI的v7执行基本更新

ng update @angular/cli @angular/core

有关更新应用程序的详细信息和指导可以参考https://update.angular.io/。

ng version [options]
ng v [options]

       输出Angular CLI对应的版本

ng xi18n <project> [options]

       从源代码中提取i18n信息。