Angular CLI - ng add 命令

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


语法

ng add 命令语法如下 −

ng add <collection> [options]

ng 将 npm 包添加到工作区。


参数

ng add 命令参数如下 −

序号 参数 & 语法 说明
1 <collection> 要添加的包的名称。

选项

Options 是可选参数。

序号 选项 & 语法 说明
1 --defaults=true|false 如果为 true,则禁用默认选项的交互式输入提示。
2 --help=true|false|json|JSON

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

默认值: false

3 --registry=registry 要使用的 NPM 注册表。
4 --verbose=true|false

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

默认值: false

首先移动到使用 ng build 命令更新的 Angular 项目,该命令可在 https://www.w3ccoo.com/angular_cli/angular_cli_ng_build.html 上找到。

现在运行添加命令。


示例

下面给出了 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.