备忘单：AngularCLI参考

介绍

这是一个备忘单，它可以帮助您找到您想要使用 Angular CLI 执行的大多数操作所需的命令。 有关 Angular CLI 的简要介绍，您可以浏览本教程 。

检查版本

查看您使用的 CLI 版本：

ng --version

更新版本

运行这个：

npm uninstall -g @angular/cli cache clean
npm install -g @angular/cli@latest

帮助

获得一般帮助：

ng help

或获取特定命令的帮助：

ng help generate

新项目

生成一个新项目：

ng new my-app

这里有一些你可以使用的标志：

• --dry-run：查看将创建哪些文件，但实际上不执行任何操作。
• --verbose：更健谈。
• --skip-install：不要 npm install，离线或网速慢时有用。
• --skip-tests：不创建规范文件。
• --skip-git：不要初始化 git repo。
• --source-dir：源目录名
• --routing：为应用添加路由。
• --prefix：指定用于组件选择器的前缀。
• --style：默认为 css，但可以设置为 scss。
• --inline-style：对组件使用内联样式而不是单独的文件。
• --inline-template：对组件使用内联模板而不是单独的文件。

这是一个带有一些标志的示例：

ng new my-app --prefix yo --style scss --skip-tests --verbose

生成所有的东西

生成一个组件：

ng g c unicorn-component

生成服务：

ng g s everything-service

生成管道：

ng g pipe my-pipe

生成指令：

ng g directive my-directive

生成一个枚举：

ng g enum some-enum

生成一个模块：

ng g module fancy-module

生成一个类：

ng g cl my-class

生成接口：

ng g interface my-interface

生成路由守卫：

ng g guard my-guard

--dry-run 和 --verbose 标志可以与任何生成命令一起使用。

服务

为您的项目服务

ng s

自动在默认浏览器中投放和打开：

ng s -o

服务到不同的端口：

ng s --port 5555

运行你的测试

ng test

还有一些可以与 test 命令一起使用的标志：

• --watch：当某些文件改变时重新测试。
• --code-coverage：添加覆盖率报告。
• --progress：显示运行测试的进度。
• --browsers：指定要使用的浏览器。
• --colors：是否在输出中使用颜色。

掉毛

运行 linter：

ng lint

linter 的一些标志：

• --fix：应用修复 linting 错误。
• --force：即使 linting 失败也强制成功。

构建您的应用程序

使用 build 命令构建您的应用程序：

ng build

以下是一些可以与 build 一起使用的标志：

• --target：指定构建的目标（例如：--target production）。
• --aot：使用提前编译。
• --base-href：指定要使用的基本 href。
• --deploy-url：指定部署地址。
• --extract-css：将全局样式放在 CSS 文件中，而不是将其保存在 JavaScript 中。
• --watch：每次文件更改时重建。

弹出你的 Webpack 配置

Angular CLI 不再为您的项目做这件事了？ 只需弹出，您就可以使用完整的 Webpack 配置来调整您的心愿：

ng eject

结论

这些是 Angular CLI 的一些最常见的命令。 有关Angular CLI的简要介绍，您可以浏览本教程。