WARNING
The Vue CLI is in maintenance mode. You should probably start your work with Quasar CLI instead.
WARNING
Cross-platform support with Vue CLI is handled by a number of community plugins. This means, putting together what Quasar offers out-of-the-box will take you extra time and effort, will not guarantee you the best experience and you won’t have access to a number of features which only Quasar CLI has. Quasar was also not specifically tested with these plugins and thus you could possibly run into issues. This, however, will be valid for any component library, unless they specifically mention having tested their components with third-party plugins.
So, before you begin on this path of development with Quasar, we’d like 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, because you won’t miss any feature that Vue CLI has. You’ll get the full range of features offered by Quasar, like full cross-platform build support (but this is just the tip of the iceberg) 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 plugin, you will need to make sure you have @vue/cli installed globally. To make sure you have the right version, use this command:
$ vue --versionShould you have Vue CLI 2.x.x. installed, you’ll need to uninstall it with:
$ npm uninstall -g vue-cli
# or (depending with which you've installed it)
$ yarn global remove vue-cliInstall Vue CLI (v4.5.11+) as follows:
$ npm install -g @vue/cliIf you don’t yet have a project created with @vue/cli, then do so with the command below. Make sure that you checkmark on Babel from the Vue CLI feature list prompt that will appear on screen.
# make sure to pick Vue 3 when asked:
$ vue create my-appAdd 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 is handled by community plugins. These are not tightly integrated with Quasar as with Quasar CLI and may have issues.
$ cd my-app
$ vue add quasarThe 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.