logo标签列表

如何使用Angular CLI在特定文件夹中生成组件？

angulartypescriptangular-cli
387

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

E:\HiddenWords>ng generate component plainsight

但是我需要在明显的地方生成一个子组件。在使用Angular CLI的情况下是否有方法可以实现？

22
生成组件的命令为 "ng generate component your/path/from/the/app/folder/plainsight"。 - maxime1992
7
正如@Maxime所提到的，或者进入该目录(cd into the directory)。 - Z. Bagley
1
如果你第一次运行 ng generate component plainsight 时得到了一个不错的结果，现在你想要生成一个子组件，那么只需要运行 ng generate component plainsight/child 即可。 - Martin Zamora
3
我使用的一个方便的工具是在命令的末尾加上-d，这将执行干运行，即不会实际将文件添加到您的项目中，只会显示它们应该放置的位置。这样，您就可以检查它们是否进入了所需的文件夹：ng generate component path/to/folder/plainsight -d - Juan Pablo
23个回答
0

首先创建组件需要使用以下命令：

  • ng g c componentname

    通过上述命令，将在指定的文件夹中创建一个新的组件
    (componentname)。

但如果您需要在另一个组件内或特定文件夹中创建组件，则需要使用以下命令：

  • ng g c componentname/newComponentName
0

如果您使用VSCode，请考虑使用Angular Console

它为Angular CLI提供了一个界面。您将看到指定路径的选项。

Angular CLI非常强大和可扩展。实际上，有这么多的功能，对于开发人员来说，拥有每个命令的所有不同配置选项是很有帮助的。

使用Angular Console，您将获得建议，并能够调用甚至是最容易被遗忘或很少使用的功能！

Angular Console首先是一种更有效率的方式来处理Angular CLI提供的内容。

0
假设你想在一个名为Box的模块中创建一个名为Container的组件，而且这个模块已经被创建并存在于它自己的文件夹src/app/box中。
你可以这样做 - 当要求输入组件名称时，提供组件路径和组件名称。
ng g c -m box
? What name would you like to use for the component? box/Container
CREATE src/app/box/container/container.component.scss (0 bytes)
CREATE src/app/box/container/container.component.html (24 bytes)
CREATE src/app/box/container/container.component.spec.ts (647 bytes)
CREATE src/app/box/container/container.component.ts (288 bytes)
UPDATE src/app/box/box.module.ts (286 bytes)
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接