第一个生成模块:

ng g m moduleName --routing

这将创建一个moduleName文件夹，然后导航到module文件夹

cd moduleName

然后生成组件:

ng g c componentName --module=moduleName.module.ts --flat

使用——flat表示不在模块文件夹中创建子文件夹

要将组件创建为模块的一部分，您应该

生成一个模块， cd newModule将目录更改为newModule文件夹 创建一个组件作为该模块的子组件。

更新:Angular 9

现在，生成组件时在哪个文件夹中都不重要了。

ng module NewModule生成一个模块。 new-module/new-component创建NewComponent。

注意:当Angular CLI看到new-module/new-component时，它会理解并转换case以匹配new-module -> NewModule和new-component -> NewComponent。刚开始可能会让人困惑，所以简单的方法是将#2中的名称与模块和组件的文件夹名称匹配。

我用特定的根文件夹创建了基于组件的子模块

下面是我指定的cli命令，请检查

ng g c Repair/RepairHome -m Repair/repair.module

Repair是子模块的根文件夹

-m是——module C代表复合 G代表生成

这应该可以工作:

共享/components/info-card——module=/src/app/shared/shared.module.ts

注:

Ng g c等价于Ng generate component Shared /components/info-card在我项目的src/app中 目录&这是我如何使用它来创建一个组件 在共享/components目录中输入InfoCardComponent (没有指定src/app)。 但是，要将这个新创建的组件添加到特定的模块，您需要 需要在模块的路径中包含/src/app，否则 它会说这个模块不存在。

转到模块级/我们也可以在根级输入下面的命令

ng g component "path to your component"/NEW_COMPONENT_NAME -m "MODULE_NAME"

例子:

ng g component common/signup/payment-processing/OnlinePayment -m pre-login.module

不确定Alexander Ciesielski的答案在撰写本文时是否正确，但我可以证实这不再适用。不管你在项目的哪个目录下运行Angular CLI。如果你输入

ng g component newComponent

它将生成一个组件并将其导入到app.module.ts文件中

使用CLI自动将其导入到另一个模块的唯一方法是指定

ng g component moduleName/newComponent

其中moduleName是您已经在项目中定义的模块。如果moduleName不存在，它会把组件放在moduleName/newComponent目录下，但仍然会把它导入app.module