试着使用

ng g component plainsight/some-name.component.ts

如果你觉得更舒服的话，也可以手动试试。

要在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

ng g组件plainsight/some-name在我们使用它时创建了一个新目录。

最终输出将是:

plainsight/some-name/some-name.component.ts

为了避免这种情况，使用平面选项ng g component plainsight/some-name——flat，它将生成文件而不创建新文件夹

plainsight/some-name.component.ts

假设你想在一个模块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)

2021进一步加快IDE插件的使用

如果你想进一步加快这个通常的过程，并避免花费你时间的常见错误，你可以尝试使用visual studio代码插件。

例如，我使用Angular-Schematics，我避免使用终端。你可以用鼠标选择调用ng cli。