Quasar框架介绍

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

也因为:

  • 基于Vuejs
  • 开箱即用的提供给网站应用程序的最先进的UI(遵循《Material指南》)
  • 开箱即用的对桌面和移动浏览器(包括iOS Safari!)的最佳支持
  • 通过与我们自己的CLI紧密集成,对每种构建模式(SPA、SSR、PWA、移动应用程序、桌面应用程序)提供了一流的支持,并提供了最佳的开发人员体验
  • 易于自定义(CSS)和可扩展(JS)
  • 这是最注重性能的框架
  • 可自动tree shaking
  • 在我们的论坛和Discord聊天基础上的很棒的社区
  • 具有包括新功能在内的定期发布周期
  • 获得快速修复并听取社区的要求

Quasar是基于Vue的第一解决方案,无论您是仅构建桌面网站、桌面应用还是移动应用,或者所有这些。

担心臃肿?不会这样的。如果只想建立一个网站,Quasar只会建立一个网站所需的代码,而没有其他任何东西。其他构建模式也是如此。

什么是Quasar?

Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的基于Vue.js的开源框架,允许作为Web开发人员的您快速创建多种类型的responsive++网站/应用:

  • SPAs (单页应用)
  • SSR (服务器端渲染的应用) (+可选的PWA客户端接管)
  • PWA(渐进式网页应用)
  • 通过Cordova或Capacitor构建移动APP(Android、iOS…)
  • 多平台桌面应用(使用Electron)

Quasar的座右铭是:编写代码一次并同时将其部署为网站、移动应用和/或Electron应用。 是的,所有这些应用都用一个代码库,通过使用最先进的CLI并辅以精心编写的、性能导向的Quasar Web组件,帮助您以最短时间开发应用。

当使用Quasar时,你不需要像Hammerjs,Momentjs或Bootstrap这样的额外重型库。它内部覆盖了这些需求,而且占用空间小!

为什么使用Quasar?

由于开箱即用的简单性和强大功能。 Quasar的CLI具有丰富的功能,所有功能都旨在让您的开发人员生活更轻松。

精神食粮


Quasar展望未来,树立了自己的高标准和现代标准。 是的,为了在Web开发方面取得进展,我们需要打破当前的现状。 否则我们今天也将继续在cgi-bin / perl中编写网站,因为很多年前这是开发人员习以为常的。 大多数开发人员在一个时间点习惯的并不意味着它是最好的解决方案或“明确的”解决方案,而Quasar绝不会选择我们认为的不是通往高质量工作最佳途径的解决方案,甚至不是为了钱。

我们想要用Quasar实现的目标是提高整个Web开发的标准。 让它前进、进化、改变思想。 指出何时有更好的选择。

以下是Quasar的重要方面和功能的非详尽列表。

全平台支持

时为所有平台提供一个权威的代码源:响应式桌面/移动网站(SPA,SSR + SPA客户端接管,SSR + PWA客户端接管),PWA(渐进式网页应用),移动应用(看起来原生)和多平台桌面应用(通过Electron)。

最大的顶级、快速和响应迅速的Web组件集

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

最佳实践默认集成

Quasar还旨在鼓励开发人员遵循Web开发最佳实践。 要做到这一点,Quasar充满了开箱即用的强大功能。

  • HTML/CSS/JS压缩
  • 缓存清除
  • Tree shaking
  • Sourcemapping
  • 使用延迟加载实现代码分割
  • ES6转译
  • 代码检查
  • 可访问性功能

Quasar负责所有这些Web开发最佳实践以及更多 - 无需配置

应用扩展支持

Quasar App Extensions是一种轻松地将复杂(或简单)设置注入您的网站/应用程序的方法。 而且,这是我们的大社区贡献的一种方式,并帮助您加速起步。 开发模式真正打开了闸门,使Quasar成为最具扩展性和最强大的框架之一 - 仅限于您的想象力和创新。

一个例子是我们的官方Icon Genie应用程序扩展,您可以使用该扩展程序无缝自动生成所有网站/应用程序图标(有时80多种不同大小和格式,以涵盖SPA,SSR,PWA,Cordova和Electron的最新标准)。

全面的RTL支持

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

逐步迁移现有项目

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

通过Quasar CLI提供无与伦比的开发人员体验

使用Quasar的CLI时,开发人员可以从以下方面受益:

  • 状态保留热模块重新加载(HMR) - 在更改应用程序源代码时,无论是网站,PWA,移动应用(直接在手机上还是在模拟器上)或Electron应用。 开发人员只需更改代码,保存更改,然后观察即时更新,无需任何页面刷新。
  • 状态保留编译错误覆盖
  • 使用ESLint的Lint-on-save - 如果开发人员喜欢检查他们的代码
  • ES6代码转译
  • Sourcemaps
  • 更改构建选项不需要手动重新加载开发服务器
  • 以及更多领先的开发人员工具和技术

快速起步

作为开发人员,CLI顶级的项目初始化功能使您可以轻松入门。 您可以最快的时间内将您的想法变为现实。 换句话说,Quasar为您做了繁重的工作,因此您可以自由地专注于您的功能而不是样板。

自动化测试和审核

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

我们非常关心安全问题

我们总是偏执于Quasar的安全性以及使用Quasar构建的应用程序的安全性。 我们一直在了解您可能需要了解的任何安全威胁。 我们有安全指南,我们甚至通过Quasar审计程序提供我们的安全经验。

很棒的不断增长的社区

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

广泛的平台支持

Google Chrome, Firefox, IE11/Edge, Safari, Opera, iOS, Android, Windows Phone, Blackberry, MacOS, Linux, Windows.

Quasar语言包

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

出色的文档

最后,值得一提的是,编写出色的,无臃肿,重点突出的完整文档页面花费了大量时间,以便开发人员可以快速学会Quasar。 我们在文档中付出了特别的努力,以确保没有混淆。

底层技术

VueNodejsWebpackCordovaCapacitorElectron

除了Vue(它需要半天时间才能学会,并且会永远改变你),你不需要了解其他技术。 它们都是在Quasar中集成和配置的。

不到一分钟入门

说完这个之后,让我们开始! 您将在一分钟内运行网站或应用。.