Angular CLI - ng generate 命令
本章通过示例解释了 nggenerate 命令的语法、参数和选项。
语法
ng generate 命令的语法如下 −
ng generate <schematic> [options] ng g <schematic> [options]
ng generate 命令根据原理图生成和/或修改文件。
参数
ng help 命令参数如下−
序号 | 参数 & 语法 | 说明 |
---|---|---|
1 | <schematic> | 原理图集合:要生成的原理图。 该选项可以采用以下子命令之一:
|
选项
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中添加了这个新组件条目。