quasar-framework学习笔记

1.初见

http://quasar-framework.org/

        Quasar Framework 允许你使用相同的代码构建响应式网站、PWA、响应式桌面、移动网站混合移动应用程序（看起来是原生的）和Electron应用程序，由Vue提供支持。

2.个性

Quasar Play App -- 直接在手机上通过热重新加载开发Quasar Apps，甚至不需要安装它们。

VueJs＆ES6 -- ES6 Javascript。轻松利用VueJs和NPM生态系统。支持* .vue单个文件组件。

样板 -- 开箱即用的应用程序代码样板，构建系统，热重新加载，linter，测试设置，自动缩小等。

内置组件 -- 无尽的组件列表，它们把大部分的重活都干了：Drawer, Action Sheet, Dialog, Modal, Toast, Tabs, Toolbar, Card, Lists, Toggle, Chips Textbox, Datetime, Range, Rating, Knob, Collapsibles, Popovers, Pull to Refresh, Infinite Scroll, Parallax, Grid, Slider, Stepper, Tree, Chat, Timeline...

主题 -- 全功能Quasar CSS框架。Material Design 和iOS主题（至今为止）。编写一次，部署为原生的。

速度和效率 -- Quasar专注于低内存占用，高效率和使应用程序运行真正快速。

宽平台支持 -- iOS，Android，Windows Phone，Blackberry，Google Chrome，Firefox，IE11/Edge，Safari，Opera。

开发热重新加载 -- 不仅仅是Live Reload。在浏览器或手机/平板电脑（通过Quasar Play）中更新时保留应用程序状态。

完整的文档 -- 具有可用源代码的示例，指南，提示和演示的Crystal clear文档。

3.项目搭建

    注意：重要  Quasar v0.15 +需要Node.js 8.9.0或更高版本；

    1、  安装quasar-cli     npm install -g quasar-cli        //vue-cli 要全局安装

    2.

    quasar [commandname] --help   查看命令用法

          ~~      init   文件名         初始化App文件夹

          ~~      dev          启动你的项目

          ~~      build -h        构建具体项目

          ~~      clean        清除构建的项目

          ~~      new          用于快捷创建组件，页面，vuex等

          ~~      mode         添加或者删除对模式的支持 pwa | cordova | electron]

          ~~       info          查看CLI 版本详细信息