Quasar簡介

什麼是Quasar

Quasar是基於開源Vue.js的響應式框架,使用它可以快速創建具有多種功能的響應式網站/應用程序:

  • SPA(單頁應用程序)
  • SSR(服務器端渲染應用程序)
  • PWA(漸進式Web應用程序)
  • 通過Apache Cordova的移動應用(Android,iOS等)
  • 多平臺桌面應用程序(使用Electron)

Quasar的座右銘是:編寫一次代碼,並同時將其部署爲web網站,移動應用程序和Electron應用程序。通過Quasar CLI,在Quasar Web組件的幫助下可以在極短的時間內開發應用程序。

使用Quasar時,不需要其他繁重的組件庫,例如Hammerjs,Momentjs或Bootstrap。自身就用於強大的組件庫,並且佔用的空間很小!
由於官方版本更新迭代過快,中文網站早已過時,建議直接查看官方說明文檔
官方文檔
GitHub開源地址

快速上手

由於Quasar是基於Vue的框架,所以使用之前需要對vue有一定的熟練度

使用Quasar CLI創建項目

首先確保你的電腦上已經安裝了以下程序

  • Node.js >= 8.9.0
  • NPM >=5
    安裝Quasar CLI
npm install -g @quasar/cli

什麼是Quasar CLI?
可以理解爲Vue CLI
然後使用Quasar CLI創建項目

quasar create <folder_name>

剩下的就和vue創建項目的步驟一樣了

在原有的vue項目中添加Quasar

很簡單,只需要一條命令就可以輕鬆添加Quasar
進入項目根目錄

vue add quasar

更多的功能會在以後的博客中陸續介紹
也可以自己查看官方文檔去了解

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章