Vue 是一個開源的 JavaScript 框架,用於建置使用者介面。 Vue 由 Evan You 創建並於 2014 年發布,設計上可逐步採用——你可以將其作為輕量級函式庫來強化現有頁面,或作為一個功能完整的框架來建立單頁應用程式。
為什麼要用 Vue?
- 親民:如果你懂 HTML、CSS 和 JavaScript,就能很快學會 Vue。
- 多功能:適用於頁面上的簡單小工具,從複雜的 SPA 都適用。
- 效能:小束大小與高效的虛擬多姆。
- 元件式:可組合、可重用且模板語法乾淨的元件。
在 Windows 上安裝 Vue
選擇你偏好的環境:
-
在 Windows 上安裝 Vue — 直接在 Windows 上使用
npm create vue@latest(基於 Vite 的)。 - 在 WSL 上安裝 Vue — 使用相同的工具在 Windows 上的 Linux 子系統上執行(建議部署到 Linux 伺服器或希望達到 Linux 工具鏈等效性)。
建立伺服器端渲染的 Vue 應用程式
關於伺服器端渲染與進階路由,請參見 Nuxt.js — 官方的 Vue 元框架。
教學與學習資源
- vuejs.org/guide/introduction — 官方 Vue 文件與快速入門。
- vuejs.org/tutorial — 互動式瀏覽器內教學,涵蓋 Vue 基礎知識。
- 開始學習 Vue.js 基礎入門 — Microsoft 學習平台學習路徑。
- VS Code 教學Vue.js — 用 Visual Studio Code 建立一個簡單的 Vue 應用程式。