【Angular CLI】Angular CLI 命令列參數紀錄 (上) ng new,ng serve

by - 上午9:00

ng --help 執行畫面

Angular CLI 是 Angular發展過程中產生的指令列工具,內容包含了軟體開發用的到的功能。

Angular CLI

內容指令適用於 Angular CLI 6 。

簡介

Angular CLI  是一個初始化、開發、搭建和維護 Angular 應用程式的工具。

入門

使用命令列安裝 Angular CLI
npm install -g @angular/cli
安裝完成後就可以使用Angular CLI  來產生並運行新的專案:

新增我的專案
ng new my-project  // 建立新的專案
cd my-project      // 轉到專案目錄
ng serve           // 執行伺服器 (加上參數 --open 或者 --o 就會自動開啟瀏覽器)
使用瀏覽器開啟 http:localhost:4200/ 就可以看到畫面。如果原始文件做了任何的變更應用程式也會自動加載。

附加命令

ng new  --help  執行畫面

ng new

介紹

ng new [name] 建立一個新的 Angular 應用程式
初始化 Angular 並建立在 [name] 目錄

參數

--dry-run(別名:-d)
無需進行任何更改即可運行。

--force(別名:-f)
強制覆蓋文件。

--verbose(別名:-v)
添加更多詳細信息以輸出日誌記錄

--collection(別名:-c)
要使用的Schematics集合。

--inline-style(別名:-s)
指定樣式是否在ts文件中。

--inline-template(別名:-t)
指定模板是否在ts文件中。

--view-encapsulation
指定視圖封裝策略。

--routing
生成路由模塊。

--prefix(別名:-p)
要應用於生成的選擇器的前綴。

--style
用於樣式文件的文件擴展名。

--skip-tests(別名:-S)
跳過創建規範文件。

--skip-package-json
不要向package.json添加依賴項。

ng serve  --help  執行畫面


ng serve

介紹

ng serve構建應用程序並啟動Web服務器。

參數

--prod
用於將配置設置為“prod”的標誌。

--configuration(別名:-c)
指定要使用的配置。

--browser-target
目標服務。

--port
監聽端口。

--host
監聽網域。

--proxy-config
代理配置文件。

--ssl
使用HTTPS服務。

--ssl-key
用於提供HTTPS的SSL密鑰。

--ssl-cert
用於提供HTTPS的SSL證書。

--open(別名:-o)
在默認瀏覽器中打開網址。

--live-reload
是否使用實時重新加載來重新加載頁面。

--public-host
指定瀏覽器客戶端將使用的URL。

--serve-path
應用程序的路徑名。

--disable-host-check
不驗證連接的客戶端是否為允許的主機的一部分。

--hmr
啟用熱模塊更換。

--watch
改變重建。

--hmr-warning
啟用--hmr選項時顯示警告。

--serve-path-default-warning
當deploy-url / base-href使用不支持的服務路徑值時顯示警告。

--optimization
定義構建的優化級別。

--aot
使用提前編譯構建。

--source-map
輸出源圖。

--eval-source-map
輸出文件內評估源圖。

--vendor-chunk
使用僅包含供應商庫的單獨捆綁包。

--common-chunk
使用包含跨多個包使用的代碼的單獨包。

--base-href
正在構建的應用程序的基本URL。

--deploy-url
將部署文件的URL。

--verbose
添加更多詳細信息以輸出日誌記錄

--progress
在構建時將進度記錄到控制台。

You May Also Like

0 意見