vue.js logo

How to install Quasar in Vue


Step 1: Install Quasar CLI

Quasar has its own CLI that makes setting up a Quasar project straightforward. Install the Quasar CLI globally:


Using npm: npm install -g @quasar/cli


Step 2: Create a Quasar Project

Navigate to your project directory and create a new Quasar project:



          quasar create my-quasar-project
          cd my-quasar-project

Step 3: Install Dependencies

If you're adding Quasar to an existing Vue.js project, you can install Quasar as a dependency:


Using npm: npm install quasar


Step 4: Configure Quasar

You need to configure Quasar in your Vue.js project. This involves modifying some configuration files.


For a New Quasar Project:

The Quasar CLI will guide you through the configuration process. Follow the prompts to set up your project.


That's it! You have successfully installed PrimeVue in your Vue.js project.

Now you can start using Quasar components in your Vue.js application.