Getting Started - Installation     

If you want to learn what Quasar is and what it can do for you, read the Introduction to Quasar. Otherwise, let’s get started and choose how you want to use Quasar:

Here’s a comparison:

FeatureUMDStarter Kit
Ability to embed into an existing projectYes-
Progressive integration of QuasarYes-
Ability to use CDNYesYes*
Build SPA, PWA, Mobile Apps, Electron AppsYesYes
Dynamic RTL support for Quasar componentsYesYes
Generating your own website/app RTL equivalent CSS rules automatically by Quasar-Yes
Take advantage of Quasar CLI for a stellar developer experience-Yes
Tree Shaking-Yes
SFC (Single File Component - for Vue)-Yes
Advanced configuration through dynamic quasar.conf.js-Yes

If you are upgrading from previous Quasar versions, check Upgrade Guide.

UMD / Standalone (uses CDN)

If you want to embed Quasar into your existing website project, integrating it in a progressive manner, then go for the UMD/Standalone (Unified Module Definition) version. There a helper UMD starter kit which will show you how to get started and what CSS and JS tags to include into your project. It will ask you some questions (what Quasar theme will you be using, what Quasar I18n to include, …) and it will generate a simple HTML file that will demo on how to use CDN to add Quasar:

# make sure you have vue-cli globally installed
# Node.js >= 8.9.0 is required.
$ npm install -g vue-cli

# then...
$ vue init quasarframework/quasar-starter-kit-umd <folder_name>

And you’re done. Inspect index.html file that was created in the new folder and learn how you can embed Quasar. You may want to repeat the step above to experiment with different setups based on the answers you give out.

Now head on to read about UMD/Standalone.

If you want to be able to build:

First, we install Quasar CLI. Make sure you have Node >=8 and NPM >=5 installed on your machine.

# make sure you have vue-cli globally installed
$ npm install -g vue-cli

# Node.js >= 8.9.0 is required.
$ npm install -g quasar-cli

Then we create a project folder with Quasar CLI:

$ quasar init <folder_name>

Note that you don’t need separate starter kits if you want to build any of the options described above. This one can seamlessly handle all of them.

Now head on to read about Main Starter Kit and also familiarize yourself with the Quasar CLI.