API 浏览器
为什么要使用 Quasar?

因为它可以大幅节省开发成本。只有 Quasar 可以做到:

¥Because it saves development costs drastically. Only Quasar can do:

同样因为:

¥Also because:

  • 基于 Vue.js

    ¥It’s based on Vue.js

  • 你将获得一个最先进的 UI(遵循 Material 指南),用于你的网站和应用。

    ¥You get a state-of-the-art UI (that follows Material Guidelines) for your websites and apps out of the box

  • 开箱即用,为桌面和移动浏览器(包括 iOS Safari!)提供最佳支持

    ¥Best support for desktop and mobile browsers (including iOS Safari!) out of the box

  • 为每种构建模式(SPA、SSR、PWA、移动应用、桌面应用和浏览器扩展)提供一流的支持,并通过与我们自己的 CLI 紧密集成,提供最佳的开发者体验

    ¥Best-in-class support for each build mode (SPA, SSR, PWA, Mobile app, Desktop app & Browser Extension) and the best developer experience through a tight integration with our own CLI

  • 它易于定制(CSS)和扩展(JS)。

    ¥It’s easily customizable (CSS) and extendable (JS)

  • 这是最注重性能的框架

    ¥It’s the most performance-focused framework

  • 可自动进行 tree-shaking

    ¥It’s tree-shakable automatically

  • 我们论坛和 Discord 聊天室中拥有强大的社区

    ¥Incredible community on our Forum and Discord chat

  • 拥有包含新功能的定期发布周期

    ¥Has a regular release cycle inclusive of new features

  • 获取快速修复并听取社区意见

    ¥Gets quick fixes and listens to the community’s requests

  • 处理整个开发体验(甚至包括创建应用的图标和启动画面)

    ¥Handles the whole development experience (including even creating your app’s icons and splash screens)

担心代码膨胀?你不应该。如果你只想构建一个网站,Quasar 将仅构建网站所需的代码,而不会构建任何其他代码。其他构建模式也相同。

¥Worried about bloat? You shouldn’t be. If you only want to build a website, Quasar will only build the code required for a website, with nothing else. Same goes for the other build modes.

什么是 Quasar?(What is Quasar?)

¥What is Quasar?

Quasar(发音为 /ˈkweɪ.zɑɹ/)是一个基于 Vue.js 的 MIT 许可开源框架,它允许你作为 Web 开发者快速创建多种风格的响应式网站/应用:

¥Quasar (pronounced /ˈkweɪ.zɑɹ/) is an MIT licensed open-source Vue.js based framework, which allows you as a web developer to quickly create responsive++ websites/apps in many flavours:

  • SPA(单页应用)

    ¥SPAs (Single Page App)

  • SSR(服务器端渲染应用)(+ 可选的 PWA 客户端接管)

    ¥SSR (Server-side Rendered App) (+ optional PWA client takeover)

  • PWAs(渐进式 Web 应用)

    ¥PWAs (Progressive Web App)

  • BEX(浏览器扩展)

    ¥BEX (Browser Extension)

  • 通过 Cordova 或 Capacitor 构建移动应用(Android、iOS 等)

    ¥Mobile Apps (Android, iOS, …) through Cordova or Capacitor

  • 多平台桌面应用(使用 Electron)

    ¥Multi-platform Desktop Apps (using Electron)

Quasar 的座右铭是:只需编写一次代码,即可同时将其部署为网站、移动应用和/或 Electron 应用。是的,所有包都使用同一个代码库,帮助你使用最先进的 CLI 以创纪录的速度开发应用,并以最佳实践和极快的 Quasar Web 组件为后盾。

¥Quasar’s motto is: write code once and simultaneously deploy it as a website, a Mobile App and/or an Electron App. Yes, one codebase for all of them, helping you develop an app in record time by using a state-of-the-art CLI and backed by best-practice, blazing fast Quasar web components.

使用 Quasar 时,你不需要额外的大型库,例如 Hammer.js、Moment.js 或 Bootstrap。它内部满足了这些需求,而且占用空间很小!

¥When using Quasar, you won’t need additional heavy libraries like Hammer.js, Moment.js or Bootstrap. It’s got those needs covered internally, and all with a small footprint!

你还能获得什么?(What else you got?)

¥What else you got?

由于 Quasar 及其 CLI 为你提供了开箱即用的简单性和强大功能,它包含丰富的功能,所有这些功能都旨在让你的开发工作更轻松。

¥Because of the simplicity and power offered to you out of the box, Quasar, with its CLI, is packed full of features, all built to make your developer life easier.

值得深思

Quasar 着眼于未来,并设定了其自身的高标准和现代标准。是的,为了在 Web 开发中取得进展,我们需要打破现有的框架。否则,我们今天仍然会继续使用 cgi-bin / perl 编写网站,因为很多年前,开发者已经习惯了这种方式。但是,大多数开发者在某个时间点习惯的做法并不意味着它是最佳解决方案或“确定”的解决方案,Quasar 永远不会选择我们认为不是实现高质量工作的最佳途径,即使出于金钱方面的考虑。

¥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.

我们希望通过 Quasar 提高整个 Web 开发的标准。让它不断发展,不断演变。改变主意。指出是否存在更好的替代方案。

¥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 优秀方面和功能的非详尽列表。

¥Below is a non-exhaustive list of Quasar’s great aspects and features.

一次性覆盖所有平台(All Platforms in One Go)

¥All Platforms in One Go

同时适用于所有平台的单一权威代码源:响应式桌面/移动网站(SPA、SSR) +SPA 客户端接管、SSR +PWA 客户端接管)、PWA(渐进式 Web 应用)、看起来像原生的移动应用以及多平台桌面应用(通过 Electron)。

¥One authoritative source of code for all platforms, simultaneously: responsive desktop/mobile websites (SPA, SSR + SPA client takeover, SSR + PWA client takeover), PWAs (Progressive Web Apps), mobile apps (that look native) and multi-platform desktop apps (through Electron).

最大的顶层、快速且响应迅速的 Web 组件集(The largest set of top-class, fast and responsive web components)

¥The largest set of top-class, fast and responsive web components

Quasar 中几乎每个 Web 开发需求都有一个组件。Quasar 的每个组件都经过精心设计,旨在为你的用户提供最佳体验。Quasar 在设计时就充分考虑了性能和响应能力,因此使用 Quasar 的开销几乎难以察觉。这种对性能和良好设计的关注让我们感到特别自豪。

¥There’s a component for almost every web development need within Quasar. Each of Quasar’s components is carefully crafted to offer you the best possible experience for your users. Quasar is designed with performance & responsiveness in mind – so the overhead of using Quasar is barely noticeable. This attention to performance and good design is something that gives us special pride.

默认集成的最佳实践(Best practices integrated by default)

¥Best practices integrated by default

Quasar 的构建也是为了鼓励开发者遵循 Web 开发的最佳实践。为此,Quasar 内置了许多开箱即用的强大功能。 - 无需配置。

¥Quasar was also built to encourage developers to follow web development best practices. To do this, Quasar is packed full of great features out of the box - with no configuration needed.

应用扩展支持(App Extensions support)

¥App Extensions support

Quasar App Extensions 是一种轻松地将复杂(或简单)的设置注入你的网站/应用的方法。它们也是我们庞大社区贡献力量并帮助你更快上手的一种方式。这些开发模式实际上打​​开了闸门,使 Quasar 成为目前最具扩展性和最强大的框架之一。 - 仅受你的想象力和创新能力限制。

¥Quasar App Extensions are a way to painlessly inject complicated (or simple) setups into your websites/apps. They’re also a way for our big community to contribute and help you get up to speed even faster. The patterns for development literally open the floodgates to making Quasar one of the most extensible and powerful frameworks out there - limited only by your imagination and innovation.

完全 RTL 支持(Full RTL Support)

¥Full RTL Support

Quasar 组件和开发者自己的代码均支持 RTL(从右到左)布局。如果使用 RTL 语言包,开发者编写的网站/应用 CSS 代码将自动转换为 RTL 语言包。

¥RTL (right to left) support for both Quasar components & the developer’s own code. Developer-written website/app CSS code gets automatically converted to RTL if an RTL language pack is used.

逐步迁移现有项目(Progressively migrate your existing project)

¥Progressively migrate your existing project

Quasar 提供 UMD(统一模块定义)版本,这意味着开发者可以在现有项目中添加 CSS 和 JS HTML 标签,即可使用。无需构建步骤。

¥Quasar offers a UMD (Unified Module Definition) version, which means developers can add a CSS and JS HTML tag into their existing project and they’re ready to use it. No build step is required.

专注于功能,而非样板代码(Focus on your features, not the boilerplating)

¥Focus on your features, not the boilerplating

使用 Quasar CLI 进行一流的项目初始化,使开发者能够非常轻松地上手。你可以在创纪录的时间内将你的想法变成现实。换句话说,Quasar 会为你完成繁重的工作,因此你可以专注于功能开发,而不是样板代码。

¥The top-class project initialization with Quasar CLI makes getting started very easy for you as a developer. You can turn your idea into reality in record time. In other words, Quasar does the heavy lifting for you, so you are free to focus on your features and not on boilerplate.

自动测试和审计(Automated testing & audit)

¥Automated testing & audit

Quasar 项目能够开箱即用地添加单元测试和端到端测试工具,以及不断增长的产品质量和安全审计工具套件。所有这些都是为了确保你的网站/应用拥有尽可能高的质量。

¥Quasar projects have the ability to add Unit and End-to-End testing harnesses out of the box, as well as an ever-growing suite of product quality and security auditing tools. All this to ensure that your websites/apps have the highest quality possible.

不断壮大的优秀社区(Awesome ever-growing community)

¥Awesome ever-growing community

当开发者遇到无法解决的问题时,他们可以访问 Quasar forum 或我们的 Discord 聊天服务器。社区随时为你提供帮助。你还可以通过在 Twitter 上关注我们来获取新版本和功能的更新。作为 backer/sponsor,你还可以获得特殊服务,并帮助确保 Quasar 在未来也能与你保持相关性!

¥When developers encounter a problem they can’t solve, they can visit the Quasar forum or our Discord chat server. The community is always there to help you. You can also get updates on new versions and features by following us on Twitter. You can also get special service as a backer/sponsor and help make sure Quasar stays relevant for you in the future too!

广泛的平台支持(A wide range of platform support)

¥A wide range of platform support

Google Chrome、Firefox、Edge、Safari、Opera、iOS、Android、MacOS、Linux、Windows。

Quasar 语言包(Quasar Language Packs)

¥Quasar Language Packs

Quasar 开箱即用,配备了 40 多个语言包。此外,如果你的语言包缺失,只需 5 分钟即可添加。

¥Quasar comes equipped with over 40 language packs out of the box. On top of that, if your language pack is missing, it takes just 5 minutes to add it.

优秀的文档(Great documentation)

¥Great documentation

最后,值得一提的是,我们花费了大量时间编写出色、简洁、专注且完整的文档,以便开发者能够快速上手 Quasar。我们特别注重文档的编写,以确保不会造成混淆。

¥And finally, it’s worth mentioning the significant amount of time taken to write great, bloat-free, focused and complete documentation so that developers can quickly pick up Quasar. We put special effort into our documentation to make sure there is no confusion.

一分钟内上手(Get started in under a minute)

¥Get started in under a minute

话虽如此,让我们开始吧!你将在一分钟内运行一个网站或应用。

¥Having said this, let’s get started! You’ll be running a website or app in under a minute.