Angular CLI教程

Angular CLI ng generate 命令

本章解释了 ng generate 命令的语法、参数和选项以及一个例子。

语法

ng generate 命令的语法如下-
ng generate <schematic> [options]
ng g <schematic> [options]
ng generate 命令根据原理图生成和/或修改文件。

参数

ng help 命令的参数如下-
参数和语法 说明
<schematic> 原理图集合:要生成的原理图。此选项可以采用以下子命令之一: appShell application class component directive enum guard interceptor interface library module pipe service serviceWorker webWorker

选项

选项是可选参数。
选项和语法 说明
--defaults=true|false 如果为 true,则禁用默认选项的交互式输入提示。
--dryRun=true|false
当为真时,运行并报告活动而不写出结果。
默认值:false。
别名:-d。
--force=true|false
当为真时,强制覆盖现有文件。
默认值:false。
别名:-f。
--help=true|false|json|JSON
在控制台中显示此命令的帮助消息。
默认值:false。
--interactive=true|false 当为 false 时,禁用交互式输入提示。
首先移至使用 ng new 命令创建的 angular 项目,然后运行该命令。本章位于https://www.lidihuo.com/angular_cli/angular_cli_ng_new.htm。

示例

下面给出了 ng generate 命令的示例-
\>Node\>Lidihuo> 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 命令在我们的项目 Lidihuo 中创建了一个新组件,并在 app.module.ts 中添加了这个新组件条目。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4