隨記

Week 01 · Day 03 — 安裝開發環境

學習目標

  • 安裝 Node.js（LTS 版本）
  • 安裝 Angular CLI
  • 建立第一個 Angular 專案並啟動

重點

前置需求：Node.js - 前往 https://nodejs.org/ 下載 LTS（長期支援）版本 - 安裝後於終端機驗證： 

node --version
npm --version

安裝 Angular CLI 

npm install -g @angular/cli
# 驗證
ng version

建立第一個專案 

ng new my-first-app
cd my-first-app
ng serve

  • ng serve 啟動開發伺服器，預設開啟 http://localhost:4200
  • 開啓網頁看到 Angular 預設首頁即成功

實作

  1. 安裝 Node.js LTS 並確認版本
  2. 安裝 Angular CLI
  3. 執行 ng new my-first-app（選擇預設選項即可）
  4. cd my-first-app 後執行 ng serve
  5. 開瀏覽器輸入 http://localhost:4200，確認看到預設畫面

作業

  • 終端機輸入 node --version，記下版本號
  • 完成 ng new 建立第一個專案
  • 成功執行 ng serve，瀏覽器顯示 Angular 首頁
  • 寫下第一次建立專案時遇到的最奇怪錯誤（有的話）