Quasar Framework

面向开发者的企业级跨平台Vue.js框架，被用于构建博物馆交互屏、浏览器扩展等场景。社区成员称其“12分钟内同时生成移动App、桌面App和浏览器扩展”。

核心能力

基于Vue.js，提供70+个Material Design组件，支持从同一代码库输出SPA、PWA、SSR、SSG、移动App（Capacitor/Cordova）、桌面App（Electron）及浏览器扩展。

• 组件库: 70+个高性能可定制Material Design组件，含Ajax Bar、Avatar、Badge、Banner、Breadcrumbs、Button、Card、Carousel、Chat Message、Chip、Circular Progress、Color Picker、Dialog、Editor (WYSIWYG)、Expansion Item、Floating Action Button、Form组件（Input、Textfield、Select、File picker、Form Field、Radio、Checkbox、Toggle、Slider、Range、Time Picker、Date Picker）、Icon、Img、Infinite Scroll、Inner Loading、Intersection、Knob、Linear Progress、List、Markup Table、Menu、No SSR、Observers（Resize Observer、Scroll Observer）、Pagination、Parallax、Popup Edit、Popup Proxy、Pull to refresh、Rating、Responsive、Scroll Area、Separator、Skeleton、Slide Item、Slide Transition、Space、Spinners、Splitter、Stepper、Table、Tabs、Tab Panels、Timeline、Toolbar、Tooltip、Tree、Uploader、Video、Virtual Scroll
• Vue指令: Close Popup、Intersection、Material Ripples、Mutation、Morph、Scroll、Scroll Fire、Touch Hold、Touch Pan、Touch Repeat、Touch Swipe
• Quasar插件: Addressbar Color、App Fullscreen、App Visibility、Bottom Sheet、Cookies、Dark、Dialog、Loading、Loading Bar、Local/Session Storage、Meta、Notify
• Vue Composables: useQuasar、useDialogPluginComponent、useFormChild、useMeta、useHydration、useId、useInterval、useRenderCache、useTick、useTimeout、useSplitAttrs
• 样式工具: 颜色主题生成器（Theme Builder）、暗黑模式、间距、阴影、断点、Body类、可见性、定位、Sass/SCSS变量、其他辅助类（鼠标、尺寸、方向、边框）
• 布局系统: Flex Grid（行、列、间距、Flexbox模式）、Layout（Header/Footer、Drawer、Page、Layout Builder、Layout Gallery）、Page Sticky、Page Scroller

开发工具与集成

提供官方CLI（基于Vite）和App Extension机制，支持快速创建项目、配置/quasar.config文件、升级指南。

• CLI: Quasar CLI with Vite，用于创建SPA、SSR、PWA、Capacitor、Cordova、Electron、浏览器扩展项目
• App Extensions: 可发现并安装社区扩展，开发指南含环境搭建和快速入门
• Icon Genie: 命令行工具管理App图标，支持Profile文件和图标列表
• 集成: 内置SEO、国际化（I18n）、RTL支持、平台检测、屏幕插件、动画过渡、语言包

社区与贡献

由PULSARDEV SRL及Razvan Stoenescu维护，社区活跃于Discord、论坛、X（Twitter）、Facebook。

• 赞助: 设有Platinum赞助商及完整赞助商列表，提供赞助等级
• 贡献: 提供贡献指南、项目维护者角色、提交约定、运行项目指南
• 用户反馈: 社区成员评价包括“组件无需!important覆盖”“文档示例出色”“节省时间和金钱”“灵活、可靠、强大、快速”
• 更新: 当前版本v2.22.0，提供视频教程、路线图、品牌资源

常见问题

Q1：Quasar Framework能否同时生成iOS和Android应用？

A1：可以。通过Capacitor或Cordova集成，从同一Vue.js代码库构建移动App，社区用户已验证可同时生成iOS、Android、PWA和SPA应用。

Q2：Quasar的组件是否需要额外安装图标库？

A2：需要。Quasar提供图标集（Icon Sets）和安装图标库（Installing Icon Libraries）指南，支持Material Icons、Font Awesome、Line Awesome等，但需用户自行配置。

Q3：Quasar是否支持SSR和SSG？

A3：支持。官方CLI提供SSR（服务端渲染）和SSG（静态站点生成）开发模式，与SPA、PWA、移动/桌面App并列为主要输出目标。

更多同类工具与网站,可在Vue分类继续挑选。

信息核实于 2026年7月,具体以官网为准。