[Day 1] Vue Quasar Framework介紹與安裝- iT 邦幫忙 | vue framework
2021/12補充由於Quasar進步非常之快現今最新版本為2.3.3與本篇教學版本0.1.7相差甚遠其中有蠻多元件使用方式也跟這篇文章時不一樣麻煩勞駕至官網[1]查看最新的文件感謝~是一款基於Vue.js開發的UIFramework。可以讓你輕鬆就搞定網站介面之餘還不失美觀,更重要的是他還能讓你輕鬆就做好RWD,除此之外還能夠幫你加上PWA,使你的網頁變成手機上的App‧。夠厲害吧,趕快讓我們來看看吧!QuasarFramework[2]目前是以Quasar官方文件v0.17.17來做介紹注意:這個框架更新非常非常的頻繁使用官方文件時請多注意版本選擇Quasar的5個理由1.內建了M...
2021/12補充由於 Quasar 進步非常之快現今最新版本為 2.3.3 與本篇教學版本 0.1.7 相差甚遠其中有蠻多元件使用方式也跟這篇文章時不一樣麻煩勞駕至官網[1]查看最新的文件 感謝~
是一款基於Vue.js開發的UI Framework。可以讓你輕鬆就搞定網站介面之餘還不失美觀,更重要的是他還能讓你輕鬆就做好RWD,除此之外還能夠幫你加上PWA,使你的網頁變成手機上的App‧。夠厲害吧,趕快讓我們來看看吧!
Quasar Framework[2]
目前是以 Quasar官方文件 v0.17.17 來做介紹注意: 這個框架更新非常非常的頻繁 使用官方文件時請多注意版本
選擇Quasar的5個理由 1. 內建了Material 及 iOS 兩種主題一魚兩吃,還不用嗎 xD ?Material 已經在Android上行之有年,對於元件怎麼使用都已經幫你訓練好使用者了
2. 元件皆內建RWD快速響應再也不怕一降解析度網頁直接跑版到自己都認不出來 !
3. 多樣的基礎UI元件庫還在煩惱怎樣刻CSS嗎 ,在Quasar想要什麼UI元件基本上都有,省去你在UI上花的時間
4. 自帶了Vuex、VueRouter、Vuei18n(多國語系)新的環境再也不用花時間去安裝這些
5. 強大的佈署工具想要做SSR、PWA、Cordova 一個指令搞定 !!
Quasar能做什麼?玩過Vue應該不會不知道這個吧XD ?!簡單來說,就是能動態渲染頁面的網頁,告別傳統大量的jQuery與Ajax。
PWA ( Progressive Web App)非常酷炫的東西,未來有機會取代傳統手機App的可怕技術。如果你沒有聽過,現在說給你聽聽 !!他能將你做好的網頁直接安裝在手機上,能夠離線瀏覽、離線發文、推送手機通知(目前iOS還不支援),簡直逆天了!
這兩個不是我們這次的重點 就先不介紹了,大家有個印象就好。
安裝 首先要先檢查node版本是否符合Node.j...