
- Angular 4 教程
- Angular 4 - 首頁
- Angular 4 – 概述
- Angular 4 – 環境搭建
- Angular 4 – 專案搭建
- Angular 4 – 元件
- Angular 4 – 模組
- Angular 4 – 資料繫結
- Angular 4 – 事件繫結
- Angular 4 – 模板
- Angular 4 – 指令
- Angular 4 – 管道
- Angular 4 – 路由
- Angular 4 – 服務
- Angular 4 – Http服務
- Angular 4 – 表單
- Angular 4 – 動畫
- Angular 4 – 材料設計
- Angular 4 – 命令列工具 (CLI)
- Angular 4 – 示例
- Angular 4 有用資源
- Angular 4 - 快速指南
- Angular 4 - 有用資源
- Angular 4 - 討論
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 的主頁如下所示:

根據您的作業系統安裝所需的軟體包。安裝 Node.js 後,npm 也會隨之安裝。要檢查 npm 是否已安裝,請在終端中輸入 `npm –v`。它應該顯示 npm 的版本。
C:\>npm –v 5.3.0
藉助 Angular CLI,Angular 4 的安裝非常簡單。訪問 Angular 主頁 https://cli.angular.io/ 獲取命令參考。

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

安裝 Angular CLI 後,您將在終端中看到上述安裝資訊。您可以使用任何您選擇的 IDE,例如 WebStorm、Atom、Visual Studio Code 等。
專案設定的詳細資訊將在下一章中解釋。
廣告