Angular 4 - 環境搭建



本章將討論 Angular 4 所需的環境搭建。安裝 Angular 4 需要以下條件:

  • Node.js
  • npm
  • Angular CLI
  • 用於編寫程式碼的 IDE

Node.js 版本必須大於 4,npm 版本必須大於 3。

Node.js

要檢查系統中是否已安裝 Node.js,請在終端中輸入 `node –v`。這將幫助您檢視系統當前安裝的 Node.js 版本。

C:\>node –v
v6.11.0

如果沒有任何輸出,請在您的系統上安裝 Node.js。要安裝 Node.js,請訪問 Node.js 主頁 https://nodejs.org/en/download/ 並根據您的作業系統安裝軟體包。

Node.js 的主頁如下所示:

NodeJS Homepage

根據您的作業系統安裝所需的軟體包。安裝 Node.js 後,npm 也會隨之安裝。要檢查 npm 是否已安裝,請在終端中輸入 `npm –v`。它應該顯示 npm 的版本。

C:\>npm –v
5.3.0

藉助 Angular CLI,Angular 4 的安裝非常簡單。訪問 Angular 主頁 https://cli.angular.io/ 獲取命令參考。

Angular CLI

輸入 `npm install –g @angular/cli`,以在您的系統上安裝 Angular CLI。

Install Angular CLI

安裝 Angular CLI 後,您將在終端中看到上述安裝資訊。您可以使用任何您選擇的 IDE,例如 WebStorm、Atom、Visual Studio Code 等。

專案設定的詳細資訊將在下一章中解釋。

廣告