• 建立專案與元件
  • 程式碼一致性 (lint)

建立專案與元件類型

--skip-install 建立NG專案的時候,不會執行 npm install

ng new ngtest –skip-install

--help 顯示建立專案時,有哪些參數可以設定。

ng new –help

--routing 建立專案時,建立 app-routing.module.ts , 並且 app.module.ts 自動 import AppRoutingModule。 此功能也能用在建立 module 。

ng new ngtest –routing
ng g m sales –routing

--style scss 使用 sass 寫 css 。

ng new ngtest –style scss

--dry-run 不會建立檔案與修改檔案,但會顯示建立哪些檔案,修改哪些檔案。

ng g c –dry-run

--spec false 建立 component 的時候不要建立 *.spec 測試檔。

ng g c my-component –spec false

其他類型

啟動 Angular 專案,並且開啟瀏覽器。

ng serve -o

檢查 typescript 程式碼的一致性。 加上參數 --help 會顯示有哪些設定參數可用。

ng lint

--format stylish cmd 顯示的輸出結果經過格式化,閱讀性更佳。

ng lint –format stylish

--fix 嘗試自動修正程式碼。

ng lint –fix

參考

PluralSight Angular CLI Course Angular-CLI