請注意:
這不是我們的開發環境,純粹是學習 w3school 的筆記

雖然使用 SFCs (Single File Components) or *.vue files 無法直接在 browser 上執行,
但有以下好處:
  1. 大型專案 (使用 template & components)
  2. 程式儲存後,網頁就立刻更新 (auto-update the browser)

要怎麼進行呢?
使用 Vite + VS Code (含 Volar extension) 這套工具


環境需要安裝:
  1. VS code
  2. VS Code "Volar" Extension
  3. Node.js:因為 Vite 要在上面執行

環境建立好之後,
就讓我們開始寫第一個 Project 吧!
重點
  1. 1.
    建立並進入 project folder

    new terminal (dos command)
    md 建立一個 sfc
    cd 到 vue project folder "sfc"
    npm init vue@latest ...


    評語
    請登入後才可以評分
    位置
    資料夾名稱
    Vue.js 學習筆記
    上傳者
    蘇德宙
    單位
    台灣數位員工
    建立
    2025-07-07 12:47:46
    最近修訂
    2025-07-08 15:48:27