Getting Started     

There are 3 sections on this documentation website that will get you familiarized with Quasar:

First steps

Quasar CLI allows you to start new projects in no time by generating a starter boilerplate filled with everything that you need. It also does most of the heavy-lifting so you don’t have to take care of the redundant tasks. You must install it to generate and manage a Quasar App.

$ npm install -g quasar-cli

Create your first App

# create starter boilerplate folder
$ quasar init <folder name>
$ cd <folder name>
# npm install deps
$ npm install

Start a development server of your first App, equipped with hot reload:

$ quasar dev [theme]
# start with 'mat' theme
$ quasar dev
# or
$ quasar dev mat
# start with 'ios' theme
$ quasar dev ios

Create *.vue components from ready to use component templates folder (/templates):

$ quasar new [type] <name of your component with optional subfolder>

Type can be layout, view (page content), component (generic *.vue component).
You can even make your own component templates and use CLI to generate them in your App.

Quasar Play App

If you want to develop mobile Apps with hot reload directly on your mobile phone, install Quasar Play app, currently only on Google Play Store.

$ quasar dev --play

This generates a QR code that you can scan with Quasar Play app and you’ll have your App on the phone as long as the development server is running.

Things to read about

You should be familiar with these awesome tools/technologies:

That’s it. You’re set now. Continue to read the guide about Quasar and don’t forget to have fun :)