Angular CLI - ng add 命令

本章解释了 ng add 命令的语法、参数和选项，并附带示例。

语法

ng add 命令的语法如下：

ng add <collection> [options]

将 npm 包添加到工作区。

参数

ng add 命令的参数如下：

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

选项

选项是可选参数。

序号	选项 & 语法	描述
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://tutorialspoint.com/angular_cli/angular_cli_ng_build.htm。

现在运行 add 命令。

示例

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

打印页面