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