- Angular CLI 教程
- Angular CLI - 主页
- Angular CLI - 概述
- Angular CLI - 环境设置
- Angular CLI 命令
- Angular CLI - ng 版本
- Angular CLI - ng 新
- Angular CLI - ng 帮助
- Angular CLI - ng 生成
- Angular CLI - ng 构建
- Angular CLI - ng run
- Angular CLI - ng 服务
- Angular CLI - ng lint
- Angular CLI - ng 测试
- Angular CLI - ng e2e
- Angular CLI - ng add
- Angular CLI - ng 分析
- Angular CLI - ng 配置
- Angular CLI - ng 文档
- Angular CLI - ng 更新
- Angular CLI - ng xi18n
- Angular CLI - 代码覆盖率
- Angular CLI 有用资源
- Angular CLI - 快速指南
- Angular CLI - 有用的资源
- Angular CLI - 讨论
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中添加了这个新组件条目。