There are 2 sections on this documentation website that will get you familiarized with Quasar:
- Guide - Information about CLI, starter kits, how to get you started working on a project folder
- Components - Quasar components
It will help you a lot if you are familiar with these awesome tools/technologies:
- Vue JS and NPM ecosystems
- Vue Router
- Writing .vue files
- [Optional] Vuex if building large scale Apps.
- [Optional] Webpack for tweaking the build system to your specific needs
- [Optional] Cordova for building native mobile phone Apps out of your Quasar App
Quasar offers multiple starter kits which you can check out:
Example of output:
Depending on what you want to build, choose a starter kit then use
quasar init command like this:
Quasar also comes with a development server, which is equipped with hot reload. It makes your development process significantly easier. To get the server started:
Although it isn’t all that inconvenient, there is still some boilerplate involved with creating Vue’s single file components, which Quasar makes great use of. So, to help you with the boilerplate code creation, Quasar offers a component creation process in the CLI. To create
*.vue components from ready to use component templates folder (
The type can be
You can even make your own component templates and use the CLI to generate them in your App.
If you want to develop mobile Apps with hot reload directly on your mobile phone, install the Quasar Play app, currently only on Google Play Store.
This generates a QR code that you can scan with the Quasar Play app and you’ll have your App on the phone as long as the development server is running.
That’s it. You’re all set now. Continue to read the guide about Quasar and don’t forget to have fun! :)