我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。
E:\HiddenWords>ng generate component plainsight
但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?
我正在使用Angular 4和Angular CLI,我可以用下面的命令创建一个新组件。
E:\HiddenWords>ng generate component plainsight
但我需要在plainsight内生成一个子组件。有办法用Angular CLI来实现吗?
当前回答
Angular CLI提供了应用开发中需要的所有命令。对于您的特定需求,您可以轻松地使用ng g (ng generate)完成工作。
Ng c目录/component-name将在目录文件夹中生成component-name组件。
下面是您可以在应用程序中使用的一些简单命令的映射。
Ng g c comp-name或Ng generate component comp-name来创建一个名为'comp-name'的组件 Ng g s serv-name或Ng generate service serv-name来创建一个名为'serv-name'的服务 Ng g m mod-name或Ng generate module mod-name来创建一个名为'mod-name'的模块 Ng g m mod-name——routing或Ng generate module mod-name——routing来创建一个名为'mod-name'的模块,用于angular路由
希望这能有所帮助!
好运!
其他回答
有几种方法可以在特定目录中创建组件。
方法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
要在VS code中打开终端,只需输入CTRL + ~,这将打开终端。以下是步骤:
检查需要在其中生成新组件的特定组件。 将路径重定向到需要生成另一个组件的特定文件夹/组件
例如:cd src/app/ specialarcomponent
在specialcomponent的位置,键入需要生成新组件的组件名称。
一旦进入需要生成新组件的组件,只需键入以下命令:ng g c NewComponentName
(将NewComponentName更改为所需的组件名称。)
使用自定义目录时需要使用——dryRun
您可以通过ng命令传递您的自定义目录路径。
我的伙伴
但是有可能您拼写错误了路径,或者创建了新的文件夹,或者目标目录更改了。因此,dryRun非常有用。它显示了将如何影响更改的输出。
在验证结果之后,您可以运行不带-d的相同命令来进行更改。
——dryRun = true |假 当为true时,运行并报告活动而不写入结果。 默认值:假 别名:- d
官方医生:- https://angular.io/cli/generate
ng g c folderName/SubFolder/.../componentName --spec=false
2021进一步加快IDE插件的使用
如果你想进一步加快这个通常的过程,并避免花费你时间的常见错误,你可以尝试使用visual studio代码插件。
例如,我使用Angular-Schematics,我避免使用终端。你可以用鼠标选择调用ng cli。