我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。
E:\HiddenWords>ng generate component plainsight
但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?
我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。
E:\HiddenWords>ng generate component plainsight
但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?
当前回答
要在VS code中打开终端,只需输入CTRL + ~,这将打开终端。以下是步骤:
检查需要在其中生成新组件的特定组件。 将路径重定向到需要生成另一个组件的特定文件夹/组件
例如:cd src/app/ specialarcomponent
在specialcomponent的位置,键入需要生成新组件的组件名称。
一旦进入需要生成新组件的组件,只需键入以下命令:ng g c NewComponentName
(将NewComponentName更改为所需的组件名称。)
其他回答
ng g c folderName/SubFolder/.../componentName --spec=false
如果你使用VSCode,可以考虑使用Angular控制台
它为Angular CLI提供了一个接口。您将看到一个用于指定路径的选项。
Angular CLI是非常强大和可扩展的。事实上,有如此多的功能,对于开发人员来说,为每个命令提供所有不同的配置选项是很有帮助的。 有了Angular Console,你会得到推荐,甚至可以找到最容易忘记或很少使用的特性! 首先,Angular Console是一种更高效地使用Angular CLI提供的功能的方式。
简单的
ng g component plainsight/some-name
它将创建“plainsight”文件夹,并在其中生成某个名称的组件。
2021进一步加快IDE插件的使用
如果你想进一步加快这个通常的过程,并避免花费你时间的常见错误,你可以尝试使用visual studio代码插件。
例如,我使用Angular-Schematics,我避免使用终端。你可以用鼠标选择调用ng cli。
首先创建一个组件,你需要使用:-
Ng g c组件名 通过使用上述命令,新组件将创建在一个文件夹 (componentname)您上面指定的。
但是如果你需要在另一个组件中或在特定的文件夹中创建一个组件:-
的 g c 组件名称/新组件名称