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

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

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

要在VS code中打开终端，只需输入CTRL + ~，这将打开终端。以下是步骤:

检查需要在其中生成新组件的特定组件。 将路径重定向到需要生成另一个组件的特定文件夹/组件

例如:cd src/app/ specialarcomponent

在specialcomponent的位置，键入需要生成新组件的组件名称。

一旦进入需要生成新组件的组件，只需键入以下命令:ng g c NewComponentName

(将NewComponentName更改为所需的组件名称。)

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

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

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

简单的

ng g component plainsight/some-name

它将创建“plainsight”文件夹，并在其中生成某个名称的组件。

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

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

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

生成的组件是这样的:

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

所以我只需要打字

ng g c child/grandchild 

希望这对大家有所帮助

如果你使用VSCode，可以考虑使用Angular控制台

它为Angular CLI提供了一个接口。您将看到一个用于指定路径的选项。

Angular CLI是非常强大和可扩展的。事实上，有如此多的功能，对于开发人员来说，为每个命令提供所有不同的配置选项是很有帮助的。 有了Angular Console，你会得到推荐，甚至可以找到最容易忘记或很少使用的特性! 首先，Angular Console是一种更高效地使用Angular CLI提供的功能的方式。