为什么要选择 Quasar?

因为它大大节省了开发成本,只有 Quasar 可以做到在 30 分钟内同时构建出响应式网站,手机 app 和桌面应用:

也因为:

  • 基于 Vue.js
  • 为您的网站应用程序提供高水准的 UI(遵循质感设计 Material Design)
  • 对桌面和移动浏览器(包括 iOS Safari!)的最佳支持!
  • 一流的跨端开发体验,支持单页应用, SSR, PWA, 手机 app, 桌面应用 和 浏览器插件
  • 它很容易定制(CSS)和扩展(JS)
  • 它是最注重性能的框架
  • 它可以自动 tree-shakable(在打包生产环境的版本中自动删除无用的代码)
  • 活跃的社区和论坛
  • 定期更新,及时修复社区反馈的 bug,倾听社区的需求
  • 事无巨细的帮助您处理整个开发流程(甚至包括创建应用程序的图标和启动动画)

担心代码体积过大?不必担心,如果您只是想构建一个网站,那么 Quasar 只会打包关于构建网站的代码,而没有其他内容。同理,当您构建其他模式的时候也是一样。

关于 Quasar

Quasar (发音 /ˈkweɪ.zɑɹ/) 是一个基于 Vue.js 的开源框架,遵循 MIT 开源协议。它可以帮您快速构建多种模式的响应式网站和应用程序:

  • SPA (Single Page App,单页应用)
  • SSR (Server-side Rendered App,服务端渲染) (可与 PWA 同时存在)
  • PWA (渐进式 web 应用程序)
  • BEX (Browser Extension,浏览器插件)
  • 手机 App (Android, iOS, …) 通过 Cordova 或者 Capacitor 构建
  • 跨平台的桌面应用 (使用 Electron 构建)

Quasar 的座右铭是:编写一次代码,同时将其部署为网站、手机应用程序和桌面应用程序。

当使用 Quasar 时,您不需要额外的引入这些库,如 Hammer.js, Moment.js 或 Bootstrap, Quasar 内置了这些功能,而且代码体积很小

What-else-you-got?

由于 Quasar 开箱即用的简单性和功能强大的脚手架,他们可以使您的编程体验更加轻松

Food for thought


Quasar is looking into the future and sets its own high and modern standards. And yes, in order to make progress in web development, we need to break the current establishment. Otherwise, we’d all continue to write websites in cgi-bin / perl today too, because many years ago that’s what developers were accustomed to. However, what most developers are accustomed to at one point in time doesn’t actually mean it’s the best solution or the “definite” solution, and Quasar will never bend into choosing what we believe is not the optimal path to high-quality work, not even over money.

What we want to achieve with Quasar is to raise the bar for web development as a whole. Make it go forward, evolve. Change minds. Point out when there’s a better alternative.

下面是 Quasar 的一个不详尽的功能列表

一套代码支持平台

编写一次代码,同时将其部署为响应式网站(SPA, SSR + SPA 模式或者 SSR + PWA 模式), PWAs (Progressive Web Apps,渐进式 web 程序), 、手机应用程序(类似原生的)和跨平台的桌面应用程序(通过 Electron)。

一流的组件库

Quasar 内置了极其丰富的 vue 组件酷,几乎可以覆盖到任何 web 开发的需求场景。并且每一个 Quasar 的组件都是精心制作的,为用户提供最好的体验。Quasar 在设计时十分注重性能和响应性,因此使用 Quasar 的性能开销几乎可以忽略不计。对性能和设计的关注是我们引以为傲的地方。

默认情况下集成了最佳实践

Quasar 的建立也是为了鼓励开发者遵循 web 开发的最佳实践。为了做到这一点,Quasar 帮您做好了很多开箱即用的特性 - 无需额外配置

应用扩展支持

Quasar 应用扩展是一种将复杂(或简单)的功能轻松注入网站/应用程序的方法。这也是我们庞大的社区做出贡献的一种方式,可以帮助您更快地进步。这种模式终将会使 Quasar 成为扩展性最好的,最强大的框架—取决您的想象力和创新力。

全面的 RTL 支持

RTL(从右到左的布局)支持 Quasar 组件和开发人员自己的代码。如果打开 RTL 功能,开发人员编写的网站/应用程序 CSS 代码会自动转换为 RTL(从右到左的布局)。

渐进式迁移到现有的项目

Quasar 提供 UMD(统一模块定义)版本,这意味着开发人员可以将 CSS 和 JS HTML 标签添加到现有项目中,并准备好使用它。不需要构建步骤。

自由地专注于您的程序,而不是繁琐的配置。

Quasar CLI 为您初始化的代码模版使您很容易成为一个开发人员。您可以在极短的时间内把您的想法变成现实。换句话说,类星体为您做了繁重的工作,所以您可以自由地专注于实现您的需求,而不是一些琐事。

自动化测试和审查

Quasar 项目能够开箱即用地添加单元和端对端测试套件,以及不断进步的产品质量和安全审计工具。 所有这些都是为了确保您的网站/应用程序具有最高质量。

不断壮大的社区

当开发人员遇到无法解决的问题时,他们可以访问Quasar 论坛或我们的 Discord 聊天服务器。 社区随时为您提供帮助。 您还可以通过Twitter关注我们获取有关新版本和功能的更新。 您还可以作为支持者/赞助商获得专门的服务,并确保 Quasar 在未来与您保持联系!

广泛的平台兼容性

Google Chrome, Firefox, Edge, Safari, Opera, iOS, Android, MacOS, Linux, Windows.

Quasar 语言包

Quasar 配备了 40 多种开箱即用的语言包。 最重要的是,如果缺少您的语言包,则只需 5 分钟即可添加。

出色的文档

最后,值得一提的是,为了让开发人员能够快速掌握 Quasar,我们花费了大量的时间来编写优秀、简洁、集中和完整的文档。我们在我们的文档中付出了特别的努力,以确保没有混淆。

快速开始

说到这里,让我们快速开始!!您将在一分钟内运行起一个网站或应用程序。