Appearance
Vue ecosystem
Development
| 開發工具 | 說明 |
|---|---|
| VSCode | 開發 IDE |
| Vite | 一個基於 ES 模組的前端開發工具，讓開發者可以享受到快速的冷啟動、即時熱更新和按需編譯等優勢。 |
| Vue CLI | 一個命令列界面，讓開發者可以快速建立和管理 Vue 專案，並提供許多預設或自定義的配置選項。 |
| Vue DevTools | 瀏覽器擴充功能，讓開發者可以在瀏覽器中直接檢視和調試 Vue 應用程式，並提供許多有用的功能，如組件樹、事件監聽、時間旅行等。 |
Official Packages
| 套件 | 說明 |
|---|---|
| Vue Router | 官方的路由管理器，讓開發者可以用 Vue.js 建立單頁應用程式，並實現不同路徑之間的切換和導航。 |
| Pinia | 官方的狀態管理模式，讓開發者可以用一個集中式的儲存庫來管理 Vue 應用程式中的所有狀態，並實現狀態的預測性更新。 |
Vue3 UI Framework
提供符合 Material Design 規範的 UI Framework:
- Quasar
- PrimeVue
- Vuetify-next (不建議)
其他
| 性質 | 物件 | 說明 |
|---|---|---|
| SSR (伺服器端渲染) | Nuxt.js | 以 node.js 為引擎的 SSR 網頁應用程式，SSR 非常吃伺服器資源。 |
| SSG (伺服器端生成) | VitePress | SSG 的 CMS(內容管理系統)，不吃資源。 |