全平台支持
是为所有平台提供一个权威的代码源：响应式桌面/移动网站（SPA，SSR + SPA客户端接管，SSR + PWA客户端接管），PWA（渐进式网页应用），移动应用 和 多平台桌面应用,Google Chrome, Firefox, IE11/Edge, Safari, Opera, iOS, Android, Windows Phone, Blackberry, MacOS, Linux, Windows.
Quasar语言包
Quasar配备了40多种开箱即用的语言包。最重要的是，如果缺少您的语言包，则只需5分钟即可添加。
底层技术
Vue、Node.js、Webpack、Cordova、Capacitor、Electron
除了Vue（它只需要半天时间就能学会，并且会永远改变你的生活），你不需要了解其他技术。它们都是在Quasar中集成和配置的。
vue单个文件
<template>
<!-- 你可以在此处定义Vue模板-->
</template>
<script>
// 这就是Javascript用来定义Vue组件的地方,它可以是整个应用程序中使用的布局、页面或你自己的组件。
export default {
//
}
</script>
<style>
/* 这就是你的CSS */
</style>
css预处理器
对于<style>标签，你可以使用你想要的任何CSS预处理器。Sass/SCSS 和Stylus 开箱即用。对于SCSS/SASS或LESS，你需要安装他们的Webpack加载器（例如：yarn add --dev less-loader）。
你可以指定你选择的预处理器来处理你正在编写的CSS代码：
<!-- 注意lang="sass" -->
<style lang="sass">
.some-div
font-size: 15px
</style>
<!-- 注意lang="scss" -->
<style lang="scss">
.some-div {
font-size: 15px;
}
</style>
<!-- notice lang="stylus" -->
<style lang="stylus">
.some-div
font-size 15px
</style>
使用Quasar指令
Quasar附带了一些自定义的Vue指令。这些指令几乎可以应用于任何DOM元素或组件
Quasar指令的例子：<div v-ripple>Click Me</div>
为了让你使用Quasar提供的任何指令,首先需要告诉Quasar你希望嵌入它。打开/quasar.conf.js文件并添加以下引用:
framework: { directives: ['Ripple']}
使用Quasar组件
Quasar组件的名称以“Q”开头，如“QBtn”或“QElementResizeObserver”。要使用它们，你需要在/quasar.conf.js中添加对它们的引用。
framework: { components: ['QBtn', 'QIcon']}
在以下示例中使用QBtn和QIcon中，然后我们将看到如何在我们的应用中嵌入这些组件<div> <q-btn @click="doSomething" label="Do something" /> <q-icon name="alarm" /></div>
使用quasar插件
Quasar 插件是你可以在vue文件中以及在其外部使用的功能，如 Notify、bottomSheet、AppVisibility等。要使用它们，你需要在/quasar.conf.js中添加对它们的引用:
framework: { plugins: ['Notify', 'BottomSheet']}
我们以Notify为例，看看如何使用它。在Vue文件中，你将编写如下内容：
<template> <div> <q-btn @click="$q.notify('My message')" color="primary" label="Show a notification" />
<q-btn @click="showNotification" color="primary" label="Show another notification" /> </div></template>
<script>export default { methods: { showNotification () { this.$q.notify('Some other message') } }}</script>
导入所有指令以进行快速测试
当你只想进行快速测试时，引入所有Quasar组件、指令和插件可能会很烦人。在这种情况下，你可以通过编辑/quasar.conf.js告诉Quasar将它们全部导入：
framework: 'all'
优点：
1、组件特别丰富，基本应有尽有，涵盖了几乎所有开发中所需要的。2、一套代码，多终端运行，移动端还是桌面端，都能适配3、高度可定制化(开放各参数让你调)，设计精良，文档非常齐全4、提供脚手架工具，非常好用方便，提供跟Cordova，Eletron等框架的整合，且当前版本已经非常成熟了5、开箱即用
缺点：
1、不好上手，上手门槛高，要精通html, css, js, vue, webpack，对新手来讲有点难度。2、英文文档的阅读能力，因为是外国开发者开发的，需要一定的英文阅读水平。
官方文档：http://www.quasarchs.com/
微信公众号：前端小学弟
