quasar-framework学习笔记-创新互联

官方网站： http://quasar-framework.org/

站在用户的角度思考问题，与客户深入沟通，找到瑞安网站设计与瑞安网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计制作、网站设计、企业官网、英文网站、手机端网站、网站推广、国际域名空间、网站空间、企业邮箱。业务覆盖瑞安地区。

一、安装

    1、  安装quasar-cli

        npm install -g quasar-cli

  2、  使用quasar starter kits初始化项目

        quasar提供了多套开发套件，可以使用quasar list查看当前可用的套件

        

      其中官方提供5套开发套件，使用方法如下

        quasar init

        例如想安装默认套件，安装到当前目录的demo文件夹下

        quasar init default demo ，  然后进入demo目录npm install即可

二、开始使用

        1、quasar支持通过开发模式启动，支持热重载

        可以通过    quasar dev [theme] 来启动项目

        例如：

        quasar dev 或者 quasar dev mat 使用mat主题启动

        quasar dev ios 使用ios主题启动

        使用default套件安装启动后：

        

        使用pwa套件安装启动后：

        

        剩余的0.13版本，webpack1和vue1在此就不做赘述了

        另外发现非官方提供的这个meteor安装后 quasar dev会报错：

        

    2、模板

        一些通用页面框架，可以在根目录下的templates文件夹下提前写好，需要创建新页面时，直接通过 quasar new [templates文件夹下的模板文件] [文件名称]

      使用default套件搭建好项目后，templates下默认会给出三个模板，layout，page，component，也可以自己在里写好。以layout举例：

        quasar new layout temp

        

        这是src/components下就会多出一个根据layout模板创建好的temp.vue文件，文件的内容与layout页面一模一样

        

        3、演示app

        通过quasar dev --play 启动时可以同时生成一个二维码

        

        手机扫描后可直接查看页面

        

        酷炫！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：quasar-framework学习笔记-创新互联
网址分享：http://cxhlcq.com/article/gpcgd.html