有四種使用 Quasar 的方式。選擇最適合您的一種
比較
| 功能 | Quasar UMD | Quasar CLI (搭配 Vite 或 Webpack) | Quasar Vite 外掛程式 | Vue CLI 外掛程式 |
|---|---|---|---|---|
| 嵌入現有專案的能力 | 是 | - | 是，如果它是 Vite 應用程式 | 是，如果它是 Vue CLI 應用程式 |
| Quasar 的漸進式整合 | 是 | - | - | - |
| 從公共 CDN 包含 Quasar | 是 | - | - | - |
| 建置 SPA、PWA | 是 | 是 | 是 | 是 |
| 建置 SSR (+ 可選的 PWA 客戶端接管) | - | 是 | - | 是(*) |
| 透過 Cordova 或 Capacitor 建置行動應用程式 | 是 | 是 | 是(*) | 是(*) |
| 在您的手機上直接使用 HMR 開發行動應用程式。 | - | 是 | 是(*) | 是(*) |
| 透過 Electron 建置桌面應用程式 | - | 是 | 是(*) | 是(*) |
| 建置瀏覽器擴充功能 | - | 是 | 是(*) | 是(*) |
| Quasar 應用程式擴充套件 | - | 是 | - | - |
| 透過 Icon Genie CLI 輕鬆管理應用程式圖示和啟動畫面 | - | 是 | - | - |
| Quasar 元件的動態 RTL 支援 | 是 | 是 | - | 是 |
| 由 Quasar 自動產生您自己的網站/應用程式 RTL 等效 CSS 規則 | - | 是 | - | 是 |
| 確保一切「開箱即用」，使用最新和最棒的 Quasar 規格。 | - | 是 | - | - |
| 建置模式之間的緊密整合，充分利用 Quasar 的所有功能。 | - | 是 | - | - |
| 一個程式碼庫即可建立 SPA、PWA、SSR、行動應用程式、Electron 應用程式和瀏覽器擴充功能 | - | 是 | - | - |
| Tree Shaking | - | 是 | 是 | 是 |
| SFC (單一檔案元件 - 適用於 Vue) 支援 | - | 是 | 是 | 是 |
| 透過動態 quasar.config 檔案進行進階配置 | - | 是 | - | - |
| 單元和端對端測試支援 | - | 是 | 是 | 是 |
| TypeScript 支援 | - | 是 | 是 | 是 |
| 最佳和最受歡迎的選擇！ | 是的！ | |||
| Quasar UMD | Quasar CLI (搭配 Vite 或 Webpack) | Quasar Vite 外掛程式 | Vue CLI 外掛程式 |
(*) 重要！
儘管您可能透過 Vite (直接) 或 Vue CLI 以及一些 Vue 社群建立的外掛程式獲得類似的跨平台支援，但這些第三方支援的建置路徑並未與 Quasar 的元件緊密整合。因此，當您在使用這些第三方外掛程式時遇到問題，您將不得不依賴每個外掛程式開發人員的支援。使用 Quasar，如果出現任何問題，您都可以獲得一站式服務。此外，Quasar CLI 確保應用程式在效能、專案大小和最佳實務方面都以最佳可能的標準建置。您在其他任何地方都找不到這樣的保證！
建議
讓我們開始使用 Quasar 的 CLI 吧！您將立即啟動並執行一個新專案。
開始使用 Quasar CLIlaunch