我正在使用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来实现吗?
当前回答
如果你使用VSCode,可以考虑使用Angular控制台
它为Angular CLI提供了一个接口。您将看到一个用于指定路径的选项。
Angular CLI是非常强大和可扩展的。事实上,有如此多的功能,对于开发人员来说,为每个命令提供所有不同的配置选项是很有帮助的。 有了Angular Console,你会得到推荐,甚至可以找到最容易忘记或很少使用的特性! 首先,Angular Console是一种更高效地使用Angular CLI提供的功能的方式。
其他回答
我在上面的答案上没有任何运气(包括-平坦),但对我来说有用的是:
cd path/to/specific/directory
从那里,我运行ng g c mynewcomponent
ng g组件plainsight/some-name在我们使用它时创建了一个新目录。
最终输出将是:
plainsight/some-name/some-name.component.ts
为了避免这种情况,使用平面选项ng g component plainsight/some-name——flat,它将生成文件而不创建新文件夹
plainsight/some-name.component.ts
在命令提示符或项目终端中转到项目文件夹。
执行cmd: ng g c componentname命令
要在VS code中打开终端,只需输入CTRL + ~,这将打开终端。以下是步骤:
检查需要在其中生成新组件的特定组件。 将路径重定向到需要生成另一个组件的特定文件夹/组件
例如:cd src/app/ specialarcomponent
在specialcomponent的位置,键入需要生成新组件的组件名称。
一旦进入需要生成新组件的组件,只需键入以下命令:ng g c NewComponentName
(将NewComponentName更改为所需的组件名称。)
更短的代码来生成组件:ng g c component-name 指定它的位置:ng g c specific-folder/component-name
额外的信息 更短的代码生成指令:ng g d directive-name 指定它的位置:ng g d specific-folder/directive-name