前言

涉足Angular是從1.x的版本，幾年間Angular已經從1.x迭代到了2.x、4.x在到現在的5.0， 發展非常的迅速，效能也得到了很大的提升，接下來我們會逐步帶大家快速瞭解一下Angular 5.x的使用。

安裝CLI

Angular 2.0開始提供了CLI命令工具，可以方便的管理和建立工程，這個CLI我們可以使用如下命令安裝：

sudo npm install -g @angular/cli

注意：Angular CLI對Node 的版本有所要求（node 6.9.x and npm 3.x.x ），所以大家需要確認自己的Node版本，檢視是否有警告資訊：

ng
 
 --version

ng就是angular提供給我們的命令，接下來我們使用它管理專案。

建立工程

開啟你的命令終端，使用如下命令建立一個工程：

ng new DemoApp

這裡需要耐心的等一下，因為需要通過npm下載所有的依賴類庫。

執行工程

建立好一個工程之後，我們執行一下：

cd DemoApp
ng serve --o

此時，會自動開啟瀏覽器執行，–o即為open的意思。（已經不再需要我們自己配置執行指令碼了，非常方便）

工程結構分析

建立好工程以後，我們會看到如下的結構目錄：

下面我們逐一分析一下Src下面每個檔案包的作用：

解釋完src資料夾，我們再來看一下根目錄下面，angular cli 幫助我們建立了哪些有用的配置檔案：

總結

相對其他框架而言，Angular CLI提供給了我們豐富的配置以及架構支援，免去了一重複的勞作，值得學習。