Quasar的使用

1.npm安装quasar cli：

npm install -g @quasar/cli

2.使用cd命令定位到目标文件夹

3.使用quasar create <folder-name>

4.运行：

quasar dev
quasar dev -m electron // 以electron的方式运行

根目录中quasar.conf.js - 配置网站/应用的工作方式

因为Quasar是基于Vue的一个跨终端框架，语法、风格上跟Vue有许多相似之处

// 若在quasar中要使用指令，则在quasar.conf.js中配置
framework: {
  directives: ['Ripple']  
}
// 在template中使用
<div v-ripple>Click Me</div>

// 若在quasar中要使用组件，则在quasar.conf.js中配置
framework: {
　components: ['QBtn','QIcon']  
}
// 在template中使用
<div>
　<q-btn @click="dosomthing" label="Click Me" />
　<q-icon name="alarm" />　
</div>

// 若在quasar中要使用插件，则在quasar.conf.js中配置
framework: {
　plugins: ['Notify']  
}
// 在template中使用
$q.notify('message')
// 在methods中使用
this.$q.notify('message')
// 或者用import方式引入
import{ Notify } from 'quasar'
Notify.create('message')

如果觉得分别配置指令、组件、插件太繁琐，也可以这样做

// 在quasar.conf.js中配置
framework: 'all'