接上篇，本篇文章著重解釋AngularCLI。
那么什么是AngularCLI呢？
簡單來說就是：
Angular-CLI是一個命令行界面工具，它可以創(chuàng)建項目、添加文件以及執(zhí)行一大堆開發(fā)任務(wù)，比如測試、打包和發(fā)布。
可能有同學(xué)看完上面的介紹，還是會問，為什么要用AngularCLI，或者說它能干什么呢？
下面我先簡單舉個栗子，如果我們用cli創(chuàng)建一個項目，一般是這么幾個步驟：
- 創(chuàng)建項目之前，需要先全局安裝cli
npm install -g @angular/cli; - 安裝完后，執(zhí)行
ng new PROJECT_NAMEcli會幫你創(chuàng)建一個新的項目，包括基本并標(biāo)準(zhǔn)的項目結(jié)構(gòu)，npm會安裝默認(rèn)的packages;
ng new project.png
- cd到新建項目下
cd PROJECT_NAME； - 啟動服務(wù)
ng serve，此時webpack會編譯整個項目，編譯成功后，會顯示相關(guān)信息：
ng serve.png
這樣，一個簡單的Angular2項目就創(chuàng)建好了，并且運(yùn)行了。
那么如果讀者不采用這種方式，又該如何去創(chuàng)建項目呢？
- 首先，一般這種方式對讀者要求較高，需要熟知項目結(jié)構(gòu)，自己寫好package.json，里面填上相關(guān)配置，各種第三方組件，總之很麻煩，而且容易出錯。
- 其次，讀者同樣cd到你手動新建的項目根目錄下，然后執(zhí)行命令
npm install，等待npm安裝你在package.json上注明的那些外部的組件; - 然后，執(zhí)行
npm start
然鵝，cli帶給我們的便利，并不僅僅只有這些，ta還可以Generating Components, Directives, Pipes and Services
請看下方表格：
| Scaffold | Usage |
|---|---|
| ** Component ** | ng g component my-new-component |
| ** Directive ** | ng g directive my-new-directive |
| ** Pipe ** | ng g pipe my-new-pipe |
| Service | ng g service my-new-service |
| Class | ng g class my-new-class |
| Guard | ng g guard my-new-guard |
| Interface | ng g interface my-new-interface |
| Enum | ng g enum my-new-enum |
| Module | ng g module my-module |
一般一個完整的Angular應(yīng)用，通常包含8個主要構(gòu)造塊：
全景圖.png
- 模塊 (module)
- 組件 (component)
- 模板 (template)
- 元數(shù)據(jù) (metadata)
- 數(shù)據(jù)綁定 (data binding)
- 指令 (directive)
- 服務(wù) (service)
- 依賴注入 (dependency injection)
而我們通過cli能動態(tài)添加其中部分構(gòu)造塊，給開發(fā)人員帶來了實實在在的便利,是不是很棒棒？
本文內(nèi)容來源：
