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

Question

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

是否有任何选项可以使用单个 angular-cli 命令生成多个角度分量，例如 ng gc comp1, comp2, comp3。

Answer 1

好吧，到目前为止，Angular CLI 还没有任何东西可以创建多个组件。但这可以在任何 shell 中轻松完成。

将此命令运行到您的 bash shell -

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 生成

Windows CMD FOR命令参考

Answer 3

如果您不想在这里创建脚本，这是一种可行的技巧

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

  ng gc 组件/联系人
  ng gc 组件/登录
  ng gc 组件/注册
  ng gc 组件/仪表板

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

Answer 4

我刚刚创建了一个 bash 脚本

创建组件.sh

使用以下一小段代码

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

然后将其称为

 createcomponent.sh comp1 comp2 comp3 ...

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