Angular CLI - ng generate 命令

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


语法

ng generate 命令的语法如下 −

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

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


参数

ng help 命令参数如下−

序号 参数 & 语法 说明
1 <schematic> 原理图集合:要生成的原理图。 该选项可以采用以下子命令之一:
  • appShell

  • application

  • class

  • component

  • directive

  • enum

  • guard

  • interceptor

  • interface

  • library

  • module

  • pipe

  • service

  • serviceWorker

  • webWorker


选项

Options 是可选参数。

序号 选项 & 语法 说明
1 --defaults=true|false 如果为 true,则禁用默认选项的交互式输入提示。
2 --dryRun=true|false

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

默认值: false。

别名: -d.

3 --force=true|false

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

默认值: false。

别名: -f.

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

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

默认值: false。

5 --interactive=true|false 当为 false 时,禁用交互式输入提示。

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

示例

下面给出了 ng generate 命令的示例 −

\>Node\>TutorialsPoint> 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 命令在我们的项目TutorialsPoint中创建了一个新组件,并在app.module.ts中添加了这个新组件条目。