我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。

E:\HiddenWords>ng generate component plainsight

但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?


当前回答

Ng g c组件名称

用于指定自定义位置:ng g c specific-folder/component-name

在这里,component-name将在specific-folder中创建。

类似的方法可以用于生成其他组件,如指令、管道、服务、类、保护、接口、枚举、模块等。

其他回答

使用自定义目录时需要使用——dryRun

您可以通过ng命令传递您的自定义目录路径。

我的伙伴

但是有可能您拼写错误了路径,或者创建了新的文件夹,或者目标目录更改了。因此,dryRun非常有用。它显示了将如何影响更改的输出。

在验证结果之后,您可以运行不带-d的相同命令来进行更改。

——dryRun = true |假 当为true时,运行并报告活动而不写入结果。 默认值:假 别名:- d

官方医生:- https://angular.io/cli/generate

在命令提示符或项目终端中转到项目文件夹。

执行cmd: ng g c componentname命令

在一个特定的文件夹中创建一个组件:

ng g c folder-name/component-name

使用Angular-CLI在特定(现有)模块的文件夹中创建一个组件:

ng g c folder-name/component-name --module=folder-name/moduleName.module.ts

要在VS code中打开终端,只需输入CTRL + ~,这将打开终端。以下是步骤:

检查需要在其中生成新组件的特定组件。 将路径重定向到需要生成另一个组件的特定文件夹/组件

例如:cd src/app/ specialarcomponent

在specialcomponent的位置,键入需要生成新组件的组件名称。

一旦进入需要生成新组件的组件,只需键入以下命令:ng g c NewComponentName

(将NewComponentName更改为所需的组件名称。)

2021进一步加快IDE插件的使用

如果你想进一步加快这个通常的过程,并避免花费你时间的常见错误,你可以尝试使用visual studio代码插件。

例如,我使用Angular-Schematics,我避免使用终端。你可以用鼠标选择调用ng cli。