介绍

这是一个备忘单，可以帮助您找到您需要使用 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 的简要介绍，您可以浏览本教程。