Quasar简介
什么是QuasarQuasar是基于开源Vue.js的响应式框架,使用它可以快速创建具有多种功能的响应式网站/应用程序:SPA(单页应用程序)SSR(服务器端渲染应用程序)PWA(渐进式Web应用程序)通过Apache Cordova的移动应用(Android,iOS等)多平台桌面应用程序(使用Electron)Quasar的座右铭是:编写一次代码,并同时将其部署为web网站,移...
·
什么是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
更多的功能会在以后的博客中陆续介绍
也可以自己查看官方文档去了解
更多推荐
已为社区贡献8条内容
所有评论(0)