- Angular 6 教程
- Angular 6 - 首頁
- Angular 6 - 概述
- Angular 6 - 環境搭建
- Angular 6 - 專案搭建
- Angular 6 - 元件
- Angular 6 - 模組
- Angular 6 - 資料繫結
- Angular 6 - 事件繫結
- Angular 6 - 模板
- Angular 6 - 指令
- Angular 6 - 管道
- Angular 6 - 路由
- Angular 6 - 服務
- Angular 6 - Http 服務
- Angular 6 - Http 客戶端
- Angular 6 - 表單
- Angular 6 - 動畫
- Angular 6 - Material
- Angular 6 - CLI
- Angular 6 有用資源
- Angular 6 - 快速指南
- Angular 6 - 有用資源
- Angular 6 - 討論
Angular 6 - 環境搭建
本章將討論 Angular 6 所需的環境搭建。要安裝 Angular 6,我們需要以下內容:
- Nodejs
- Npm
- Angular CLI
- 用於編寫程式碼的 IDE
Nodejs 版本必須高於 8.11,npm 版本必須高於 5.6。
Nodejs
要檢查系統是否已安裝 nodejs,請在終端中輸入node -v。這將幫助您檢視當前系統上安裝的 nodejs 版本。
C:\>node -v v8.11.3
如果沒有任何輸出,請在您的系統上安裝 nodejs。要安裝 nodejs,請訪問 nodejs 的主頁https://nodejs.com.tw/en/download/並根據您的作業系統安裝軟體包。
nodejs 的主頁如下所示:
根據您的作業系統安裝所需的軟體包。安裝 nodejs 後,npm 也會隨之安裝。要檢查 npm 是否已安裝,請在終端中輸入 npm -v。它應該顯示 npm 的版本。
C:\>npm -v 5.6.0
藉助 Angular CLI,Angular 6 的安裝非常簡單。訪問 Angular 的主頁https://cli.angular.io/以獲取命令的參考。
輸入npm install -g @angular/cli,以在您的系統上安裝 Angular CLI。
安裝 Angular CLI 後,您將在終端中看到上述安裝資訊。您可以使用任何您選擇的 IDE,例如 WebStorm、Atom、Visual Studio Code 等。
專案搭建的詳細資訊將在下一章中解釋。
廣告