Quasar
made with Vuejs

Quasar

这是一个高性能的VueJS UI组件框架(支持SPA、SSR、PWA、Hybrid mobile、Electron及浏览器扩展)。

相关问答
暂无相关问题
查看全部
简介及使用教程

Quasar是一个面向开发人员的前端框架,带有VueJS组件,用于构建一流的高性能的响应式网站、PWA、SSR、移动和桌面应用等。

安装

Quasar支持以下开发模式

  • UMD/Standalone(通过CDN嵌入现有项目,逐步整合)
  • Quasar CLI(免费的高级开发者体验,推荐)
  • Vue CLI 3 plugin

这里介绍Quasar CLI模式,其他模式请查看Quasar官网。

  • 安装 Quasar CLI

可以通过yarn 或 npm 安装

 yarn global add @quasar/cli

或者

npm install -g @quasar/cli
  • 创建应用

可以通过如下命令创建项目

quasar create <folder_name>
  • 常用命令

开发模式

运行开发服务器(使用默认主题)

quasar dev

运行在特定端口

quasar dev -p 9090

SSR

quasar dev -m ssr

PWA

quasar dev -m pwa

手机应用

quasar dev -m cordova -T [android|ios]

或更短的格式:

quasar dev -m [android|ios]

Electron应用

quasar dev -m electron

将额外的参数和/或选项传递给底层“cordova”或“electron”可执行文件:

quasar dev -m ios -- some params --and options --here
quasar dev -m electron -- --no-sandbox --disable-setuid-sandbox

生产版本

构建生产版本

quasar build

SSR

quasar build -m ssr

PWA

quasar build -m pwa

手机应用

quasar build -m cordova -T [android|ios]

或更短的格式:

quasar build -m [android|ios]

将额外的参数和/或选项传递给底层“cordova”或“electron”可执行文件:

quasar build -m ios -- some params --and options --here

Electron应用

quasar build -m electron

示例

image.png

image.png

作者

Quasar Framework

相关项目

这是一个强大而易用、通用的、可执行的VUE UI组件库。
这是一个基于谷歌Material设计风格的UI组件库。
这是一个设计系统样板。
这是Bootstrap框架的Vue实现。
这是一个集成Semantic UI的Vue.js框架。