我正在使用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来实现吗?
当前回答
使用此命令打开特定的文件夹Terminal
Ng g c组件名称——flat
其他回答
如果你使用VSCode,可以考虑使用Angular控制台
它为Angular CLI提供了一个接口。您将看到一个用于指定路径的选项。
Angular CLI是非常强大和可扩展的。事实上,有如此多的功能,对于开发人员来说,为每个命令提供所有不同的配置选项是很有帮助的。 有了Angular Console,你会得到推荐,甚至可以找到最容易忘记或很少使用的特性! 首先,Angular Console是一种更高效地使用Angular CLI提供的功能的方式。
2021进一步加快IDE插件的使用
如果你想进一步加快这个通常的过程,并避免花费你时间的常见错误,你可以尝试使用visual studio代码插件。
例如,我使用Angular-Schematics,我避免使用终端。你可以用鼠标选择调用ng cli。
使用自定义目录时需要使用——dryRun
您可以通过ng命令传递您的自定义目录路径。
我的伙伴
但是有可能您拼写错误了路径,或者创建了新的文件夹,或者目标目录更改了。因此,dryRun非常有用。它显示了将如何影响更改的输出。
在验证结果之后,您可以运行不带-d的相同命令来进行更改。
——dryRun = true |假 当为true时,运行并报告活动而不写入结果。 默认值:假 别名:- d
官方医生:- https://angular.io/cli/generate
试着使用
ng g component plainsight/some-name.component.ts
如果你觉得更舒服的话,也可以手动试试。
上面的选项不适合我,因为与在终端中创建目录或文件不同,当CLI生成一个组件时,它默认将路径src/app添加到您输入的路径中。
如果我从主应用文件夹中生成组件像这样(错误的方式)
ng g c ./src/app/child/grandchild
生成的组件是这样的:
src/app/src/app/child/grandchild.component.ts
所以我只需要打字
ng g c child/grandchild
希望这对大家有所帮助