Quasar CLI入門教程
最近公司要做一個同時支持移動端、PC端的後台管理系統。技術架構選擇 VUE ，UI這裡則犯了難！赫赫大名的Element和VUX在之前都用過，但是又不能為了兩個客戶端類型開發兩套UI框架，於是想到了導師（人生明燈-蘇sir）在半年以前跟我推薦過的 Quasar Framework （以下簡稱為 Quasar）
書歸正序、言歸正傳。下面開始Quasar + vue-cli入門教程
第一步，安裝環境
*需要npm、node環境，如未搭建請轉站
NPM 使用介紹 | 菜鳥教程
不知道自己是否安裝？
npm -vnode -v
由於Quasar文檔標註，＃需要Node.js> = 8.9.0。故如果node版本低於8.9.0，轉站升級
NPM 使用介紹 | 菜鳥教程第二步，本地全局安裝Quasar CLI腳手架
打開控制台 （全局安裝vue cli腳手架）
npm install vue-cli -g
打開控制台 （全局安裝Quasar CLI）
npm install vue-cli -g
進入自己為項目預留的文件夾位置
cd **/***
初始化，生成項目模板（my_quasar是項目名，自己隨意）
quasar init my_quasar
然後會提示輸入以下信息(如為學習沒有專業定製化要求，一路確認就好)
? Project name (my_quasar)
? Project description (A Vue.js project)
? Author (herring_b <12345>)
? Vue build standalone
? Install vue-router? (Y/n)
? Use ESLint to lint your code? (Y/n)
? Pick an ESLint preset
? Set up unit tests (Y/n)
? Pick a test runner (Use arrow keys)
? Setup e2e tests with Nightwatch? (Y/n)
? Should we run `npm install` for you after the project has been created? (recom
mended) (Use arrow keys)
完成後就會開始在你選擇的目錄下，為你構建一個文件夾為 my_quasar 的Quasar CLI工程
然後進入 my_quasar 這個目錄
cd my_quasarnpm install
該目錄為下圖
然後我們可以通過如下命令來運行該工程
quasar dev
- 另外需要注意的是，QuasarCLI框架為了方便定製化與和cordova等兼容，已經對npm 命令行進行了修改，所以npm run dev 、npm run build等vue工程中常用的命令已經被改變為quasar dev 、quasar build。如想詳細了解，可打開『終端』在項目根目錄下鍵入 quasar help，查看命令行。
- quasar build：在打包前需修改項目根目錄下的 quasar.conf.js
- 如要打包上傳請將 vueRouterMode 由 history 修改為 hash 後打包。打包後修改回history
下一節：
HerringB：Quasar CLI 框架 Vuex 入門教程
推薦閱讀：