什么是Quasar

Quasar是基于开源Vue.js的响应式框架,使用它可以快速创建具有多种功能的响应式网站/应用程序:

  • SPA(单页应用程序)
  • SSR(服务器端渲染应用程序)
  • PWA(渐进式Web应用程序)
  • 通过Apache Cordova的移动应用(Android,iOS等)
  • 多平台桌面应用程序(使用Electron)

Quasar的座右铭是:编写一次代码,并同时将其部署为web网站,移动应用程序和Electron应用程序。通过Quasar CLI,在Quasar Web组件的帮助下可以在极短的时间内开发应用程序。

使用Quasar时,不需要其他繁重的组件库,例如Hammerjs,Momentjs或Bootstrap。自身就用于强大的组件库,并且占用的空间很小!
由于官方版本更新迭代过快,中文网站早已过时,建议直接查看官方说明文档
官方文档
GitHub开源地址

快速上手

由于Quasar是基于Vue的框架,所以使用之前需要对vue有一定的熟练度

使用Quasar CLI创建项目

首先确保你的电脑上已经安装了以下程序

  • Node.js >= 8.9.0
  • NPM >=5
    安装Quasar CLI
npm install -g @quasar/cli

什么是Quasar CLI?
可以理解为Vue CLI
然后使用Quasar CLI创建项目

quasar create <folder_name>

剩下的就和vue创建项目的步骤一样了

在原有的vue项目中添加Quasar

很简单,只需要一条命令就可以轻松添加Quasar
进入项目根目录

vue add quasar

更多的功能会在以后的博客中陆续介绍
也可以自己查看官方文档去了解

Logo

前往低代码交流专区

更多推荐