Angular CLI ng generate 命令


本章通过示例解释 ng generate 命令的语法、参数和选项。

语法


ng generate 命令的语法如下:

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

ng generate 命令根据原理图generate和/或修改文件。

Argument


ng help 命令的参数如下:

序号. 参数和语法 描述
1 <示意图> 示意图或集合:要generate的示意图。此选项可以采用以下子 命令之一:
  • appShell

  • 应用

  • class

  • 零件

  • 指示

  • enum

  • guard

  • interceptor

  • interface

  • library

  • module

  • pipe

  • service

  • 服务工作者

  • 网络工作者

Options


选项是可选参数。

序号. 选项和语法 描述
1 --defaults=true|false 如果为 true,则禁用默认选项的交互式输入提示。
2 --dryRun=真|假

如果为真,则运行并报告活动而不写出结果。

默认值:假。

别名:-d。

3 --force=真|假

如果为真,则强制覆盖现有文件。

默认值:假。

别名:-f。

4 --help=true|false|json|JSON

在控制台中显示此 命令的帮助消息。

默认值:假。

5 --interactive=true|false 如果为 false,则禁用交互式输入提示。

首先移动到使用创建的角度项目 ng new 命令,然后运行 命令。本章可在 https://www.newbiego.com/angular_cli/angular_cli_ng_new.htm。

例子

下面给出一个 ng generate 命令的例子:

\>Node\>NewbieGo> ng generate component goals
CREATE src/app/goals/goals.component.html (20 bytes)
CREATE src/app/goals/goals.component.spec.ts (621 bytes)
CREATE src/app/goals/goals.component.ts (271 bytes)
CREATE src/app/goals/goals.component.css (0 bytes)
UPDATE src/app/app.module.ts (471 bytes)

在这里,ng generate 命令在我们的项目 NewbieGo 中创建了一个新组件,并在 app.module.ts 中添加了这个新组件条目。