📜  Angular 7所有CLI命令(1)

📅  最后修改于: 2023-12-03 14:59:17.920000             🧑  作者: Mango

Angular 7所有CLI命令

Angular CLI 是用于创建和管理 Angular 项目的命令行工具。在这篇文章中,将介绍 Angular CLI 中所有的命令以及它们的作用。

安装 Angular CLI

如果还没有安装 Angular CLI,可以通过以下命令进行安装:

npm install -g @angular/cli
创建新项目命令

使用 ng new 命令可以创建一个新的 Angular 项目。以下是 ng new 的一些常用选项:

  • --dry-run:运行命令,但是不执行任何实际操作
  • --skip-tests:不生成测试文件
  • --skip-git:不生成 Git 相关的文件
ng new <project-name> [options]
运行项目命令

使用 ng serve 命令可以在开发环境下运行 Angular 项目。以下是 ng serve 的一些常用选项:

  • --open:自动打开浏览器页面
  • --port:更改服务器端口号
  • --ssl:启用 SSL 安全连接
  • --host:更改服务器域名
ng serve [options]
构建项目命令

使用 ng build 命令可以将 Angular 项目构建为生产环境版本。以下是 ng build 的一些常用选项:

  • --output-path:更改构建生成的目录
  • --configuration:使用指定的构建配置
  • --prod:构建生产版本
ng build [options]
生成命令

使用 ng generate 命令可以生成 Angular 的各种组件、服务等。以下是 ng generate 的一些常用选项:

  • --module:在指定的模块中生成组件
  • --dry-run:运行命令,但是不执行任何实际操作
  • --prefix:更改生成组件的前缀
  • --skip-tests:不生成测试文件

可以使用以下命令生成不同的组件:

  • 生成组件:ng generate component <component-name>
  • 生成指令:ng generate directive <directive-name>
  • 生成管道:ng generate pipe <pipe-name>
  • 生成服务:ng generate service <service-name>
  • 生成类:ng generate class <class-name>
  • 生成界面守卫:ng generate guard <guard-name>
  • 生成模块:ng generate module <module-name>
测试命令

使用 ng test 命令可以运行 Angular 项目中的测试。以下是 ng test 的一些常用选项:

  • --code-coverage:生成测试覆盖率报告
  • --watch:运行测试并监听文件更改
ng test [options]
外部 Schematic

通过使用 ng add 命令可以在 Angular 项目中集成第三方库。以下是 ng add 的一些常用选项:

  • --skip-install:在添加依赖项之前不运行 npm 安装
ng add <collection> [options]
更新 Angular

使用 ng update 命令可以升级 Angular 项目的版本。以下是 ng update 的一些常用选项:

  • --all:更新所有 Angular 相关的包
  • --next:升级到下一个主要版本
ng update [options]
总结

Angular CLI 中拥有许多命令,可以帮助程序员快速创建、测试以及构建 Angular 项目。以上就是本文所提到的所有命令,相信这些命令可以使 Angular 项目开发更加容易和方便。