Quasar Awesome：Vue 全栈框架的资源总库

quasar-awesome 在 GitHub 上拿到了 1,870 Star。

这是 Quasar Framework 官方维护的一个 awesome list，把整个 Quasar 生态里值得用的东西都收进了一份文档。官方文档、视频教程、社区插件、真实上线的项目，全部按分类整理好了。

1、 这个仓库是干嘛的

做前端的人都知道，选框架容易，找生态难。框架本身再好，没有可用的组件库、没有现成的模板、没有踩过坑的教程，项目推进起来还是会卡住。

quasar-awesome 就是来解决这个问题的。它是 Quasar 框架的资源索引，分成了四大板块：官方资源和教程、社区开发的 App Extension 插件、独立的社区组件和工具、以及用 Quasar 构建的真实项目。

2、 Quasar 框架本身是什么

Quasar 是一个基于 Vue.js 的全栈 UI 框架，一套代码可以同时跑在 Web、移动端和桌面端。它支持 SPA、SSR、PWA、Electron、Capacitor 等多种构建模式，不需要额外配置路由或状态管理，框架自己就集成了。

和单纯做 UI 的组件库不同，Quasar 管的是整个开发链路。从项目脚手架、组件系统、构建工具到多端打包，它提供了一整套方案。

3、 资源库里都有什么

官方资源和教程

官方文档、博客、视频教程的直达链接都在这里。社区成员也贡献了不少外部教程，覆盖了从入门到进阶的各个阶段。Bilibili 上有中文入门系列，YouTube 上有英文的完整课程，Medium 和 dev.to 上有各种实战文章。

教程按 Quasar 版本标注了适用范围，从 v0.17 到 v2 都有覆盖，找起来不用自己挨个筛选。

社区 App Extension

App Extension 是 Quasar 的插件机制，社区开发者围绕这个机制做了大量工作。列表里收录了几十个，覆盖了这些场景：

表单类：easy-forms 通过 schema 自动生成表单，vuelidate-rules 把 Vuelidate 验证集成进 Quasar 的字段规则。

表格类：QGrid 支持列筛选、拖拽排序、头部过滤，QTableCrud 直接对接 REST API 实现增删改查。

地图类：QGoogleMap 集成 Google Maps，支持标记和交互。

编辑器类：Quasar Tiptap 基于 tiptap 构建的富文本编辑器。

日期时间类：QDatetimePicker、QDatePicker，支持单选和区间对比。

其他还有拖拽组件、滑动关闭对话框、ribbon 组件、远程调试工具等。

独立组件和工具

不走 App Extension 路线的独立项目也收录了不少。有基于 ECharts 和 ApexCharts 的图表集成示例，有条形码和二维码扫描器，有 Web Speech API 的语音转文字示例，还有 3D 模型渲染器。

模板方面，有企业官网模板、后台管理系统、电商模板、游戏主题模板、Scrum 看板模板等，都是开箱即用的。

还有两个 VSCode 扩展值得留意：Quasar Snippets 提供组件代码片段，Common Intellisense 为 Quasar 开发者提供更好的智能提示。

真实上线项目

这一部分是整个列表里篇幅最大的。上百个用 Quasar 构建的项目，按名称、平台、版本整理成了表格。

类型覆盖面广：电商有 Gobazar.uz、Quasar Shopping、Romi；工具有 Docsector Reader（文档渲染引擎）、Negibox（基于 Aria2 的下载器）、Alighieri（无干扰写作工具）；管理类有 GreaterWMS（仓库管理）、Dadadash（办公套件）；社交类有 Karrot（食物节约社区）、Havidea（创意人士社交网络）；还有不少医疗、教育、金融领域的应用。

这些项目分布在 Web、iOS、Android、Electron、PWA 等各个平台上，证明了 Quasar 的跨平台能力不只是文档上写的，是真有人在生产环境里跑着的。

4、 怎么用这个仓库

最直接的用法是当字典查。准备启动一个 Quasar 项目时，先来这里看看有没有现成的模板或组件可以复用，省掉自己造轮子的时间。

如果想学 Quasar，教程板块按版本和形式分好了类，视频、文章、课程都有，不用在搜索引擎里翻来翻去。

如果想了解 Quasar 能做什么，翻一翻真实项目板块就够了。几百个上线产品摆在那里，比任何宣传都有说服力。

5、 适合哪些人

正在评估前端框架、需要一套方案覆盖 Web 和多端的团队。已经在用 Vue、想找一套成熟组件库和构建工具的开发者。想快速出 MVP、需要大量现成模板和插件的独立开发者。

一套方案覆盖 Web 和多端的团队。已经在用 Vue、想找一套成熟组件库和构建工具的开发者。想快速出 MVP、需要大量现成模板和插件的独立开发者。