官方網(wǎng)站： http://quasar-framework.org/

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供興化網(wǎng)站建設(shè)、興化做網(wǎng)站、興化網(wǎng)站設(shè)計、興化網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、興化企業(yè)網(wǎng)站模板建站服務(wù)，十多年興化做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

一、安裝

    1、  安裝quasar-cli

        npm install -g quasar-cli

    2、  使用quasar starter kits初始化項(xiàng)目

        quasar提供了多套開發(fā)套件，可以使用quasar list查看當(dāng)前可用的套件

        其中官方提供5套開發(fā)套件，使用方法如下

        quasar init

        例如想安裝默認(rèn)套件，安裝到當(dāng)前目錄的demo文件夾下

        quasar init default demo ，  然后進(jìn)入demo目錄npm install即可

二、開始使用

        1、quasar支持通過開發(fā)模式啟動，支持熱重載

        可以通過    quasar dev [theme] 來啟動項(xiàng)目

        例如：

        quasar dev 或者 quasar dev mat 使用mat主題啟動

        quasar dev ios 使用ios主題啟動

        使用default套件安裝啟動后：

        使用pwa套件安裝啟動后：

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

        另外發(fā)現(xiàn)非官方提供的這個meteor安裝后 quasar dev會報錯：

        2、模板

        一些通用頁面框架，可以在根目錄下的templates文件夾下提前寫好，需要創(chuàng)建新頁面時，直接通過 quasar new [templates文件夾下的模板文件] [文件名稱]

        使用default套件搭建好項(xiàng)目后，templates下默認(rèn)會給出三個模板，layout，page，component，也可以自己在里寫好。以layout舉例：

        quasar new layout temp

        這是src/components下就會多出一個根據(jù)layout模板創(chuàng)建好的temp.vue文件，文件的內(nèi)容與layout頁面一模一樣

        3、演示app

        通過quasar dev --play啟動時可以同時生成一個二維碼

        手機(jī)掃描后可直接查看頁面

        酷炫！