Angular 5.0 學習4：Angular CLI經常使用指令

1.什麼是Angular CLI？

Angular CLI 是一個命令行接口(Command Line Interface)，用於實現自動化開發工做流程。它幫助你作以下事情：

1. 建立一個新的 Angular 應用程序
2. 運行帶有 LiveReload 支持的開發服務器，以便在開發過程當中預覽應用程序
3. 添加功能到現有的 Angular 應用程序
4. 運行應用程序的單元測試
5. 運行應用程序的端到端 (E2E) 測試
6. 構建應用程序

2.經常使用指令

ng init ：在當前目錄建立新的應用程序。
ng new ：建立新的目錄，而後在新建的目錄中運行 ng init 命令。

所以 ng new 與 ng init 的功能是類似的，只是 ng new 會爲咱們建立新的目錄。

ng serve：命令會啓動開發服務器，監聽文件變化，並在修改這些文件時從新構建此應用。
使用--open（或-o）參數能夠自動打開瀏覽器並訪問http://localhost:4200/。

ng serve --open

經常使用於新建的指令

ng generate class my-new-class // 新建 class
ng generate component my-new-component // 新建組件
ng generate directive my-new-directive // 新建指令
ng generate enum my-new-enum // 新建枚舉
ng generate module my-new-module // 新建模塊
ng generate pipe my-new-pipe // 新建管道
ng generate service my-new-service // 新建服務

能夠簡寫成：

ng g cl my-new-class // 新建 class
ng g c my-new-component // 新建組件
ng g d my-new-directive // 新建指令
ng g e my-new-enum // 新建枚舉
ng g m my-new-module // 新建模塊
ng g p my-new-pipe // 新建管道
ng g s my-new-service // 新建服務

運行單元測試

ng test

運行 End-to-End 測試

ng e2e

構建應用程序

ng build

可用選項：

--aot: 開啓 ahead-of-time 編譯

--base-href: string, 設置 index.html 文件中 <base> 元素的連接地址。

--environment: string, 設置所使用的環境，默認爲 dev。

--output-path: string, 設置輸出的路徑。

--target: string, 設置所使用的環境，默認爲 development。

--watch: boolean, 默認爲 false, 開啓 watch 模式，監聽文件異動並自動從新構建。

3.怎麼使用這些指令？

以新建一個test名稱的組件爲例：

• 使用cmd進入相應的目錄輸入ng g c test命令可以使用。

• 在IDE的Terminal面板輸入ng g c test命令可以使用，個人IDE是WebStorm。

若是想要新建目錄demo，再新建test組件，能夠執行ng g c demo/test,這樣test組件就會出如今demo目錄下。

4.不想使用這些指令新建怎麼操做？

1.點擊想要新建組件的目錄，好比app目錄，而後右鍵new，選擇Angular CLI;

2.出現一些新建的選項，點擊component;

3.輸入組件名稱test，點擊OK便可。