Angular CLI - ng 生成命令


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

句法

ng生成命令的语法如下 -

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

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

争论

ng help 命令的参数如下 -

先生。 参数和语法 描述
1 <示意图> 原理图集合:要生成的原理图。此选项可以采用以下子命令之一:
  • 应用程序外壳

  • 应用

  • 班级

  • 成分

  • 指示

  • 枚举

  • 警卫

  • 拦截器

  • 界面

  • 图书馆

  • 模块

  • 管道

  • 服务

  • 服务工作者

  • 网络工作者

选项

选项是可选参数。

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

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

默认值:假。

别名:-d。

3 --force=true|false

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

默认值:假。

别名:-f.

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

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

默认值:假。

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

首先移动到使用ng new命令创建的 Angular 项目,然后运行该命令。本章可从https://www.tutorialspoint.com/angular_cli/angular_cli_ng_new.htm 获取。

例子

下面给出了 ng 生成命令的示例 -

\>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)

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