是否可以使用单个 angular-cli 命令生成多个 Angular 组件，例如 ng generate component comp1, comp2, comp3？

Question

我需要创建十个 Angular 组件，例如 comp1、comp2、comp3、comp4、...、comp10。 所以我需要为每个组件执行相同的命令十次，例如 ng g c comp1、ng g c comp2 等。

是否有任何选项可以使用单个 angular-cli 命令生成多个 angular 组件，例如 ng g c comp1, comp2, comp3.

Answer 1

好吧，目前 Angular CLI 无法创建多个组件。但这可以在任何 shell.

中轻松完成

运行这条命令变成你的bashshell-

for i in comp1 comp2; do ng g c "${i}"; done

特别感谢Ingo Bürk的回答

Answer 2

Microsoft Windows 变体

在根目录中：

for %n in (component-name-1, component-name-2, ...) do ng g c %n

在模块中：

for %n in (component-name-1, component-name-2, ...) do ng g c module-name/%n

在模块中，没有测试：

for %n in (component-name-1, component-name-2, ...) do ng g c module-name/%n --skipTests=true

Angular - ng generate

Windows CMD FOR command reference

Answer 3

我刚刚创建了一个 bash 脚本作为

createcomponent.sh

用下面一小段代码

#!/bin/bash
while [ "" != "" ]; do
    npx ng g c "components/"
    shift
done

那就叫它

 createcomponent.sh comp1 comp2 comp3 ...

如果有人使用 Windows，同样的事情也可以使用 .bat 完成。 npx 如果使用全局安装 angular，则不需要关键字

Answer 4

如果您不想创建脚本，这里有一个可行的技巧

1. 打开记事本或任何文本编辑器
2. 使用如下语法编写组件名称：

  ng g c components/contact 
  ng g c components/login 
  ng g c components/signup 
  ng g c components/dashboard

3. 复制上面的内容并粘贴到您的 CLI 中（我使用 Git bash）。它将一一执行，没有任何忙乱。您还可以添加特定于组件的参数