Vue CLI 3 Quasar Plugin

WARNING

Cross-platform support with Vue CLI 3 is handled by community plugins. These are not tightly integrated with Quasar as with Quasar CLI and may have issues.

Also, before you begin on this path of development with Quasar, we need you to understand the following. To guarantee you the best developer experience with Quasar, we highly recommend using Quasar’s CLI and building your project with it. You’ll get the full range of features offered by Quasar, like full cross-platform build support and you can still do practically everything you’d like to do with Vue too, i.e. use Vue plugins via Quasar’s Boot Files.

To work with Quasar via its Vue CLI 3 plugin, you will need to make sure you have vue-cli 3.x.x installed globally. To make sure you have Vue CLI 3.0, use this command:

$ vue --version

You should see something like:

$ vue --version
3.2.3

Should you have Vue CLI 2.x.x. installed, you’ll need to uninstall it with:

$ npm uninstall -g vue-cli

and then install Vue CLI 3.0 as follows:

$ npm install -g @vue/cli // recommended

If you don’t yet have a project created with vue-cli 3.x, then do so with:

$ vue create my-app

Add Vue CLI Quasar Plugin

Navigate to the newly created project folder and add the cli plugin. Before installing it, make sure to commit your current changes should you wish to revert them later.

WARNING

Cross-platform support with Vue CLI 3 is handled by community plugins. These are not tightly integrated with Quasar as with Quasar CLI and may have issues.

$ cd my-app

# for v1+ ONLY
$ vue add quasar

# for v0.17 ONLY:
$ vue add quasar@^0.17.x

The CLI will ask you if you want the plugin to replace some existing files. It is recommended that you do this, if you wish to have an example, so you can quickly develop your app.

Your Vue config (in package.json or vue.config.js file, depending on what you chose when you created your vue app) will also contain a quasar object with some basic Quasar configuration.