Angular CLI - ng new 命令

本章解釋了 ng new 命令的語法、引數和選項，並提供了一個示例。

語法

ng new 命令的語法如下：

ng new <name> [options]
ng n <name> [options]

ng new 命令建立一個具有給定名稱的工作區，幷包含一個預設的 Angular 應用程式。

它提供互動式提示來設定可選配置。所有提示都有預設值可供選擇。

引數

ng new 命令的引數如下：

序號	引數 & 語法	描述
1	<name>	新工作區和初始專案的名稱。

選項

選項是可選引數。

序號	選項 & 語法	描述
1	--collection=collection	用於生成初始應用程式的架構集合。別名：-c。
2	--commit=true\|false	初始 git 儲存庫提交資訊。預設值：true。
3	--createApplication=true\|false	如果為 true（預設值），則在新建工作區的 src 資料夾中建立一個新的初始應用程式專案。如果為 false，則建立一個沒有初始應用程式的空工作區。然後可以使用生成應用程式命令，以便所有應用程式都在 projects 資料夾中建立。預設值：true。
4	-defaults=true\|false	如果為 true，則停用具有預設值的選項的互動式輸入提示。
5	--directory=directory	在其中建立工作區的目錄名稱。
6	--dryRun=true\|false	如果為 true，則執行並報告活動，但不寫入結果。預設值：false。別名：-d。
7	--force=true\|false	如果為 true，則強制覆蓋現有檔案。預設值：false。別名：-f。
8	--help=true\|false\|json\|JSON	在控制檯中顯示此命令的幫助訊息。預設值：false。
9	--inlineStyle=true\|false	如果為 true，則在元件 TS 檔案中內聯包含樣式。預設情況下，會建立一個外部樣式檔案並在元件 TS 檔案中引用它。預設值：false。
10	--inlineStyle=true\|false	如果為 true，則在元件 TS 檔案中內聯包含樣式。預設情況下，會建立一個外部樣式檔案並在元件 TS 檔案中引用它。預設值：false。別名：-t。
11	--interactive=true\|false	如果為 true，則建立一個沒有任何測試框架的專案。（僅用於學習目的。）預設值：false。
12	--newProjectRoot=newProjectRoot	相對於新工作區根目錄，新專案將建立到的路徑。預設值：projects。
13	--packageManager=npm\|yarn\|pnpm\|cnpm	用於安裝依賴項的包管理器。
14	--prefix=prefix	應用於初始專案的生成選擇器的字首。預設值：app。別名：-p。
15	--prefix=prefix	應用於初始專案的生成選擇器的字首。預設值：app。別名：-p。
16	--routing=true\|false	如果為 true，則為初始專案生成一個路由模組。
17	--skipGit=true\|false	如果為 true，則不初始化 git 儲存庫。預設值：false。別名：-g。
18	--skipInstall=true\|false	如果為 true，則不安裝依賴項包。預設值：false。
19	--skipTests=true\|false	如果為 true，則不會為新專案生成“spec.ts”測試檔案。預設值：false。別名：-S。
20	--strict=true\|false	使用更嚴格的 TypeScript 編譯器選項建立工作區。預設值：false。
21	--style=css\|scss\|sass\|less\|styl	用於樣式檔案的副檔名或預處理器。
22	--verbose=true\|false	如果為 true，則向輸出日誌新增更多詳細資訊。預設值：false。別名：-v。
23	-- viewEncapsulation=Emulated\|Native\|None\|ShadowDom	在初始專案中使用的檢視封裝策略。

示例

下面給出了 ng new 命令的一個示例：

\>Node ng new TutorialsPoint
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE TutorialsPoint/angular.json (3630 bytes)
CREATE TutorialsPoint/package.json (1291 bytes)
CREATE TutorialsPoint/README.md (1031 bytes)
CREATE TutorialsPoint/tsconfig.json (489 bytes)
CREATE TutorialsPoint/tslint.json (3125 bytes)
CREATE TutorialsPoint/.editorconfig (274 bytes)
CREATE TutorialsPoint/.gitignore (631 bytes)
CREATE TutorialsPoint/browserslist (429 bytes)
CREATE TutorialsPoint/karma.conf.js (1026 bytes)
CREATE TutorialsPoint/tsconfig.app.json (210 bytes)
CREATE TutorialsPoint/tsconfig.spec.json (270 bytes)
CREATE TutorialsPoint/src/favicon.ico (948 bytes)
CREATE TutorialsPoint/src/index.html (300 bytes)
CREATE TutorialsPoint/src/main.ts (372 bytes)
CREATE TutorialsPoint/src/polyfills.ts (2835 bytes)
CREATE TutorialsPoint/src/styles.css (80 bytes)
CREATE TutorialsPoint/src/test.ts (753 bytes)
CREATE TutorialsPoint/src/assets/.gitkeep (0 bytes)
CREATE TutorialsPoint/src/environments/environment.prod.ts (51 bytes)
CREATE TutorialsPoint/src/environments/environment.ts (662 bytes)
CREATE TutorialsPoint/src/app/app-routing.module.ts (246 bytes)
CREATE TutorialsPoint/src/app/app.module.ts (393 bytes)
CREATE TutorialsPoint/src/app/app.component.html (25755 bytes)
CREATE TutorialsPoint/src/app/app.component.spec.ts (1083 bytes)
CREATE TutorialsPoint/src/app/app.component.ts (218 bytes)
CREATE TutorialsPoint/src/app/app.component.css (0 bytes)
CREATE TutorialsPoint/e2e/protractor.conf.js (808 bytes)
CREATE TutorialsPoint/e2e/tsconfig.json (214 bytes)
CREATE TutorialsPoint/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE TutorialsPoint/e2e/src/app.po.ts (301 bytes)
Packages installed successfully.

在這裡，ng new 命令在我們的 Node 目錄中建立了一個 Angular 工作區和一個名為 TutorialsPoint 的專案。

列印頁面

上一個

下一個

序號	選項 & 語法	描述
1	--collection=collection	用於生成初始應用程式的架構集合。別名：-c。
2	--commit=true\|false	初始 git 儲存庫提交資訊。預設值：true。
3	--createApplication=true\|false	如果為 true（預設值），則在新建工作區的 src 資料夾中建立一個新的初始應用程式專案。如果為 false，則建立一個沒有初始應用程式的空工作區。然後可以使用生成應用程式命令，以便所有應用程式都在 projects 資料夾中建立。預設值：true。
4	-defaults=true\|false	如果為 true，則停用具有預設值的選項的互動式輸入提示。
5	--directory=directory	在其中建立工作區的目錄名稱。
6	--dryRun=true\|false	如果為 true，則執行並報告活動，但不寫入結果。預設值：false。別名：-d。
7	--force=true\|false	如果為 true，則強制覆蓋現有檔案。預設值：false。別名：-f。
8	--help=true\|false\|json\|JSON	在控制檯中顯示此命令的幫助訊息。預設值：false。
9	--inlineStyle=true\|false	如果為 true，則在元件 TS 檔案中內聯包含樣式。預設情況下，會建立一個外部樣式檔案並在元件 TS 檔案中引用它。預設值：false。
10	--inlineStyle=true\|false	如果為 true，則在元件 TS 檔案中內聯包含樣式。預設情況下，會建立一個外部樣式檔案並在元件 TS 檔案中引用它。預設值：false。別名：-t。
11	--interactive=true\|false	如果為 true，則建立一個沒有任何測試框架的專案。（僅用於學習目的。）預設值：false。
12	--newProjectRoot=newProjectRoot	相對於新工作區根目錄，新專案將建立到的路徑。預設值：projects。
13	--packageManager=npm\|yarn\|pnpm\|cnpm	用於安裝依賴項的包管理器。
14	--prefix=prefix	應用於初始專案的生成選擇器的字首。預設值：app。別名：-p。
15	--prefix=prefix	應用於初始專案的生成選擇器的字首。預設值：app。別名：-p。
16	--routing=true\|false	如果為 true，則為初始專案生成一個路由模組。
17	--skipGit=true\|false	如果為 true，則不初始化 git 儲存庫。預設值：false。別名：-g。
18	--skipInstall=true\|false	如果為 true，則不安裝依賴項包。預設值：false。
19	--skipTests=true\|false	如果為 true，則不會為新專案生成“spec.ts”測試檔案。預設值：false。別名：-S。
20	--strict=true\|false	使用更嚴格的 TypeScript 編譯器選項建立工作區。預設值：false。
21	--style=css\|scss\|sass\|less\|styl	用於樣式檔案的副檔名或預處理器。
22	--verbose=true\|false	如果為 true，則向輸出日誌新增更多詳細資訊。預設值：false。別名：-v。
23	-- viewEncapsulation=Emulated\|Native\|None\|ShadowDom	在初始專案中使用的檢視封裝策略。