Why donate
API Explorer
Upgrade Guide
Creating a New Project
The /quasar.config File
Convert q/app-webpack Project
Browser Compatibility
TypeScript Support
Directory Structure
Commands List
CSS Preprocessors
Page Routing with VueRouter
Lazy Loading - Code Splitting
Handling Assets
Boot Files
Prefetch Feature
API Proxying
Handling Vite
Handling import.meta.env
State Management with Pinia
Lint and Format Code
Testing & Auditing
Developing Mobile Apps
Ajax Requests
Opening Dev Server To Public
Quasar CLI with Vite - @quasar/app-vite v3
Creating a @quasar/app-vite Project

Requirements:

  • Node.js v22+
  • PNPM v11+ (recommended), Yarn v1 classic, NPM or Bun

Spawn a project folder


# optional, if you don't have it already:
pnpm add -g @quasar/cli

# now create the project folder:
pnpm create quasar@latest

Pick App with Quasar CLI.

TIP

Under the cover, the package managers globally install our create-quasar package and run it. It is NOT recommended, however, to manually install this package yourself because you can easily get out of sync with the “latest” version. We push updates constantly!

Optional params

Usage
  [dir] [options]

  # examples:
  my-app --template app --engine vite-3 --defaults
  --template ae --preset prompts --preset oxlint --defaults

Options
  --template, -t  Type of project to create: app | ae
  --overwrite, -o Overwrite existing dir if it exists
  --preset        Preset to apply (can be used multiple times)
                  - template "app" presets:
                    typescript, sass, oxlint, eslint, i18n, pinia, fbr (filename-based routing)
                  - template "ae" presets:
                    typescript, oxlint, prompts, install, uninstall
  --name          Name of the project for package.json (must be a valid npm package name)
  --author        Author name for package.json
  --no-git        Do not initialize a git repository
  --install, -i   When invoked through a package manager it's a boolean (eg. --install)
                  Otherwise, the package manager to auto-install with:
                    --install pnpm
                    --install yarn
                    --install npm
                    --install bun

  --engine, -e    (ONLY for template "app") Quasar App Local CLI to use
                    Please note that these do NOT refer to the version of
                    Vite, but rather to the @quasar/app-vite version to use:
                      vite-3 or vite-2
  --product       (ONLY for template "app") Product name for the app

  --defaults, -d  Use default values for the remaining non-specified options
  --no-color      Disable colored output
  --help, -h      Displays this message

Examples:

pnpm create quasar@latest my-app --template app --engine vite-3
pnpm create quasar@latest --template ae --preset prompts --preset oxlint

By using the --defaults option, you are telling our script to fill in with the default values for the remaining non-specified options. This can make the process not requiring to be prompted at all.