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.tw/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.

列印頁面