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

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

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

使用此命令打开特定的文件夹Terminal

Ng g c组件名称——flat

ng g c folderName/SubFolder/.../componentName --spec=false 

我在上面的答案上没有任何运气(包括-平坦)，但对我来说有用的是:

cd path/to/specific/directory

从那里，我运行ng g c mynewcomponent

上面的选项不适合我，因为与在终端中创建目录或文件不同，当CLI生成一个组件时，它默认将路径src/app添加到您输入的路径中。

如果我从主应用文件夹中生成组件像这样(错误的方式)

ng g c ./src/app/child/grandchild 

生成的组件是这样的:

src/app/src/app/child/grandchild.component.ts

所以我只需要打字

ng g c child/grandchild 

希望这对大家有所帮助

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