Quasar 提供四种使用方式,请选择最适合您的:
功能对比
| 特性 | Quasar UMD | Quasar CLI (Vite/Webpack) | Quasar Vite 插件 |
|---|---|---|---|
| 可嵌入现有项目 | 是 | - | 是,仅限 Vite 项目 |
| 渐进式集成 Quasar | 是 | - | - |
| 通过公共 CDN 引入 Quasar | 是 | - | - |
| 构建 SPA、PWA | 是 | 是 | 是 |
| 构建 SSR(+ 可选的 PWA 客户端接管) | - | 是 | - |
| 通过 Cordova 或 Capacitor 构建移动应用 | 是 | 是 | 是(*) |
| 在手机上直接进行带热更新的移动应用开发 | - | 是 | 是(*) |
| 通过 Electron 构建桌面应用 | - | 是 | 是(*) |
| 构建浏览器扩展 | - | 是 | 是(*) |
| Quasar 应用扩展 | - | 是 | - |
| 通过 Icon Genie CLI 轻松管理应用图标和启动画面 | - | 是 | - |
| Quasar 组件的动态 RTL 支持 | 是 | 是 | - |
| 由 Quasar 自动生成对应的 RTL CSS 规则 | - | 是 | - |
| 确保一切"开箱即用",始终遵循最新的 Quasar 规范 | - | 是 | - |
| 构建模式紧密集成,充分发挥 Quasar 的全部能力 | - | 是 | - |
| 一套代码构建 SPA、PWA、SSR、移动应用、桌面应用和浏览器扩展 | - | 是 | - |
| Tree Shaking | - | 是 | 是 |
| SFC(单文件组件 - Vue)支持 | - | 是 | 是 |
| 通过动态 quasar.config 文件进行高级配置 | - | 是 | - |
| 单元测试和端到端测试支持 | - | 是 | 是 |
| TypeScript 支持 | - | 是 | 是 |
| 最佳且最受欢迎的选择! | 没错! | ||
| Quasar UMD | Quasar CLI (Vite/Webpack) | Quasar Vite 插件 |
(\*) 重要说明!
虽然您可以通过 Vite(直接使用)或一些 Vue 社区插件获得类似的多平台支持,但这些第三方构建路径与 Quasar 组件的集成并不紧密。因此,当您在使用这些第三方插件时遇到问题,只能依赖各个插件开发者的支持。而使用 Quasar CLI,您将获得一站式的问题解决方案。此外,Quasar CLI 确保应用在性能、项目体积和最佳实践方面都达到最高标准。这样的保障在其他地方是找不到的!
推荐方案
让我们开始使用 Quasar CLI 吧!您很快就能创建并运行一个新项目。
开始使用 Quasar CLIlaunch