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'