Quasar-framework is an open source front-end Framework based on vue.js, which helps Web developers quickly create the following websites

    Github

  1. Responsive web site
  2. Incremental application
  3. Mobile apps (via Cordova)
  4. Cross-platform application (via Electron)

Quasar allows developers to write code once to publish to multiple platforms website, PWA,Mobile App and Electron App. You don’t even need Hammerjs, Momentjs, Or the Bootstrap, Quasar framework contains all of these things that you can easily use.


Everything I said in the front is fake, go straight to the demo is king, okay

Material Theme Demo

iOS Theme Demo


The latest version of Quasar is v0.15.x, which is a big upgrade from the V0.14. x series. It makes it easier to create Hybrid apps, and it’s a big difference from the old configuration method. The old version is more like vue-cli. the new version adds extensions in the form of plug-ins, such as AXIos and vue-i18n. component, which are also referenced on demand and can be configured in detail in quasar.conf.js


Quasar comes with two skins by default, and you can switch between a Material Theme and an iOS Theme. But the two sets of themes are not so different.

Quasar’s command to create an App is just as simple

# run development server (with default theme)
$ quasar dev

# run development server with specific theme
$ quasar dev -t mat
$ quasar dev -t ios

# on specific port
$ quasar dev -p 9090

# PWA
$ quasar dev -m pwa

# Mobile App
$ quasar dev -m cordova -T [android|ios] -t [mat|ios]

# Electron App
$ quasar dev -m electron
# with iOS theme...
$ quasar dev -m electron -t iosCopy the code

# build for production
$ quasar build

# build for production with specific theme
$ quasar build -t mat
$ quasar build -t ios

# PWA
$ quasar build -m pwa

# Mobile App
$ quasar build -m cordova -T [android|ios] -t [mat|ios]

# Electron App
$ quasar build -m electron
# with iOS theme...
$ quasar build -m electron -t iosCopy the code

Note that during development there is often a component attribute called color. It doesn’t mean something like color code # FFF, it means an official list of colors that you can choose from


The author feels that this framework contains our various needs for developing WebApp, and it is a good choice to make cross-platform App and Mobile Website, which is convenient (lazy).


Another notable place is app Visibility. It can detect if the App has been switched to the background.

In some scenarios (websocket), this function is a great tool


Moreover, the author is very diligent in updating, and the number of stars on Github is also increasing.5000+ now. If you feel good, you can go to star.

(Nothing to do with the author, just feel that open source good things need support, and there is basically no information about this framework on the nuggets)


Quasar now only has English documents (I don’t know whether to consider multi-language documents), students who are not good at English can only chew hard.


That’s all for this “introduction”, thank you for watching ~~