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 版本详细信息

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 独在异乡为异客,每逢佳节倍思亲。希望以后的生活会越过越好,加油,突破自己
    弑剑醉红尘阅读 200评论 0 0
  • 在小城集安里,胡亮从小有一个梦想。那就是组建一个乐队。因为他看到了破吉他乐队的光芒,你是梦想这个种子就在他...
    百合花小雨阅读 521评论 0 1