Angular CLI - ng add 命令

本章通过示例解释了 ng add 命令的语法、参数和选项。

句法

ng add 命令的语法如下 -

ng add <collection> [options]

ng 将 npm 包添加到工作区。

论点

ng add 命令的参数如下 -

先生。 参数和语法 描述
1 <集合> 要添加的包的名称。

选项

选项是可选参数。

先生。 选项和语法 描述
1 --默认=true|false 如果为 true，则禁用默认选项的交互式输入提示。
2 --help=true|false|json|JSON

在控制台中显示此命令的帮助消息。

默认值：假
3 --registry=注册表 要使用的 NPM 注册表。
4 --verbose=true|false

显示执行期间有关内部操作的其他详细信息。

默认值：假

首先转到使用ng build命令更新的 Angular 项目，该命令位于https://www.tutorialspoint.com/angular_cli/angular_cli_ng_build.htm。

现在运行添加命令。

例子

下面给出了 ng add 命令的示例 -

\>Node\>TutorialsPoint> ng add @angular/pwa
Installing packages for tooling via npm.
Installed packages for tooling via npm.
CREATE ngsw-config.json (620 bytes)
CREATE src/manifest.webmanifest (1352 bytes)
CREATE src/assets/icons/icon-128x128.png (1253 bytes)
CREATE src/assets/icons/icon-144x144.png (1394 bytes)
CREATE src/assets/icons/icon-152x152.png (1427 bytes)
CREATE src/assets/icons/icon-192x192.png (1790 bytes)
CREATE src/assets/icons/icon-384x384.png (3557 bytes)
CREATE src/assets/icons/icon-512x512.png (5008 bytes)
CREATE src/assets/icons/icon-72x72.png (792 bytes)
CREATE src/assets/icons/icon-96x96.png (958 bytes)
UPDATE angular.json (3803 bytes)
UPDATE package.json (1332 bytes)
UPDATE src/app/app.module.ts (682 bytes)
UPDATE src/index.html (482 bytes)
√ Packages installed successfully.