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

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

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

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

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

例如:cd src/app/ specialarcomponent

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

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

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

在命令提示符或项目终端中转到项目文件夹。

执行cmd: ng g c componentname命令

首先创建一个组件，你需要使用:-

Ng g c组件名 通过使用上述命令，新组件将创建在一个文件夹 (componentname)您上面指定的。

但是如果你需要在另一个组件中或在特定的文件夹中创建一个组件:-

的 g c 组件名称/新组件名称

有几种方法可以在特定目录中创建组件。

方法1:“在集成终端中打开”-快速，简单，无错误的方法

例如，你想在app/common文件夹中创建一个组件，如下图所示，然后按照以下步骤操作

右键单击要在其中创建组件的文件夹。 选择“在集成终端中打开”或“在命令提示符中打开”选项。 在新终端(你会看到你选择的路径)，然后输入ng g c my-component

你也可以通过这张图片来检查这个过程

方法二:复制相对路径，粘贴到终端上

右键单击要在其中创建组件的文件夹 从上下文菜单中，选择拷贝相对路径 在终端上，输入cd，按空格键，然后按ctrl + v粘贴复制的路径，并按Enter 您将看到目录已被更改。

你也可以通过这张图片来检查这个过程

方法三:在终端上输入完整路径

例如，你想在某个文件夹中创建组件，你输入整个命令，包括路径和组件名称。

ng g c relative-path/my-component

你也可以通过这张图片来检查这个过程

注意(方法-3):angular不允许你在app文件夹外创建组件，因此对于组件，你的基本路径将是app，这就是为什么在我的例子中，我必须从auth/a-component开始，而不是src/app/auth/a-component

打开一个终端窗口，导航到Angular项目的根目录。创建文件夹

运行如下命令在指定文件夹中生成新组件:

ng generate component <folderName>/<componentName>

例如，如果你想在名为“components”的文件夹中创建一个名为“myComponent”的新组件，命令将是:

ng generate component components/myComponent