前幾天推薦了一邊關於2020年幾個vue比較常用的ui框架,很多人在底下留言說Quasar很不錯,於是就去官網看了一下,第一眼很是驚艷,不比elementUI , Framework7這些差,感覺elementUI 的競爭對手來了。
也許是比較新,國內關注者不太多,在GitHub上面有14.7kstar,雖然現在受關注度遠不及餓了么,但我覺得前端開發者都應該去看看這個框架,寫這個框架的作者很活躍,更新的頻率也很快,好像是全職在維護這個項目,所以不用擔心更新和維護的問題。
話不多說,首先文檔指路:
官方文檔:http://www.quasarchs.com/
GitHub地址:https://github.quasar.dev
介紹:Quasar-Framework 是一款基於vue.js開發的開源的前端框架,
只寫一次代碼的情況下發布到多個平台 website, PWA ,Mobile App 和 Electron App ,用起來表示十分滿意。
優點:
1:組件特別豐富,基本應有盡有,涵蓋了幾乎所有開發中所需要的。
2:一套代碼,多終端運行,移動端還是桌面端,都能適配
3:高度可定制化(開放各參數讓你調),設計精良,文檔非常齊全
4:提供腳手架工具,非常好用方便,提供跟Cordova,Eletron等框架的整合,且當前版本已經非常成熟了
5:開箱即用
缺點:
1:不好上手,上手門檻高,要精通html, css, js, vue, webpack,對新手來講有點難度。
3:英文文檔的閱讀能力,因為是外國開發者開發的,需要一定的英文閱讀水平。
使用場景:
SPAs (單頁應用)
SSR (服務器端渲染的應用) (+可選的PWA客戶端接管)
PWA(漸進式網頁應用)
通過Cordova或Capacitor構建移動APP(Android、iOS…)
多平台桌面應用(使用Electron)Electron+vue+Quasar開發桌面應用。
vue+Quasar開發web網站,CRM。
cordova/react/+vue+Quasar 開發hybrid Apps。
Quasar案例:
天天:https://www.coolapk.com/apk/me.i38.dayday
簡單調音:https://www.coolapk.com/apk/me.i38.tuner
開源demo:https://github.com/quasarframework/quasar-play
在嘗試了很多不同的UI框架之后,再回過頭來看,Quasar的優勢實在是太過於明顯了,閱讀到這里的時候,你是不是以及迫不及待的想要去看一看了,入手不虧,你會回來感謝我的~