前言
本來是沒有打算要學習 Angular 的，目前前端的三大框架 Angular、React、Vue 我已經學習了 Vue ，想說應該是精通一種框架運用即可。但人算不如天算，在新的工作環境中需要掌握 Angular 的技術，當作給自己的挑戰，那就硬著頭皮上吧。
開發 Angular 前的環境準備
「工欲善其事，必先利其器」，下面這些軟體可以單獨到各自官網安裝，也可以透過 Chocolatey 一鍵安裝，總之讓我們先準備一下環境吧。
- 安裝 node.js
- 安裝 Git
- 安裝 VS Code
- 透過 Chocolatey 安裝以上
安裝 Chocolatey
Chocolatey 是一個 Windows 下的軟體包管理器，可以像在類 Unix 系統中使用 Yum 和 APT 一樣使用它，在 Windows 中實現自動化輕鬆管理 Windows 軟體的所有方面（安裝，組態，更新和解除安裝）
首先進到 Chocolatey 網站內，可以看到 install 的按鈕。
接著往下捲一點，這邊有兩個選擇
- 使用 CMD 並輸入指令安裝
- 使用 PowerShell 並輸入指令安裝
這裡我使用 CMD 安裝，以「管理員身分」打開 CMD 後貼上這一串
1 | @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin" |
執行結束後，輸入 choco /? 確認版本號，若安裝成功則出現對應版本號，出現錯誤則代表沒有安裝成功。
透過 Chocolatey 安裝開發 Angular 的其他必要工具
我們可以透過 Chocolatey 官網提共的搜尋功能，快速找到我們要安裝的軟體，例如搜尋 node.js 。
由於我們要安裝 Git、VSCode、Node.js ，所以打開 CMD 並且輸入以下
1 | choco install -y git nodejs vscode |
參數說明
-y- 安裝時默認同意，不再詢問是否同意安裝
透過這樣的方式，我們僅需要一行指令，就安裝好這些軟體，這是相當方便的，當然 Chocolatey 並非必要的，我們還是可以手動進行軟體的安裝。
測試上述軟體是否安裝成功
如果是使用 Chocolatey 方式安裝，必須先把當前的 CMD 關閉重啟，才可以正確執行指令。
依序輸入
npm -v、node -v、git --version，若都有安裝成功則回應版本號。
最後打開 VS Code ，就可以開始我們的第一個專案囉。
安裝 Angular CLI
接下來我們要安裝 Angular CLI ，看到這邊覺得蠻熟悉的， Vue 也有 CLI。
同樣是透過 npm 來安裝，打開 CMD 輸入指令如下：
1 | npm install -g @angular/cli |
輸入
ng --version檢測是否正確安裝
安裝 VS Code 的擴充插件
這部分就屬於非必需的了，這部分可以自由挑選喜歡的擴充插件讓開發 Angular 時更加得心應手。所以這裡推薦保哥的 Angular Extension Pack ，下載次數有 26 萬，評價也蠻高的，看來是個不錯的插件。觀察相依性的部分，也安裝了一些開發 Angular 時會用到的額外插件，算是安裝一套，就全部搞定的感覺。
小結
以上就是開發 Angular 時可能會用到的所有工具，接下來我們就可以著手建立 Angular 專案囉。