Vuetify CLI

The Vuetify CLI is a tooling ecosystem for scaffolding and managing Vuetify projects. It provides interactive project generation, intelligent dependency updates, and codebase analysis.

Copy Page as Markdown

BeginnerJan 15, 2026

Packages

Package	Binary	Purpose
@vuetify/cli↗	`vuetify`	Full CLI with all commands
create-vuetify0↗	`create-vuetify0`	Scaffold v0 projects

Quick Start

Create a new v0 project with the interactive wizard:

pnpm

pnpm create vuetify0

npm

npm create vuetify0

yarn

yarn create vuetify0

bun

bun create vuetify0

Commands

init

Initialize a new project (wrapper around create-vuetify0):

pnpm

pnpm dlx @vuetify/cli init my-app

npm

npx @vuetify/cli init my-app

yarn

yarn dlx @vuetify/cli init my-app

bun

bunx @vuetify/cli init my-app

add

Add integrations to existing projects:

pnpm

# Add ESLint with Vuetify config
pnpm dlx @vuetify/cli add eslint

# Add MCP server configuration
pnpm dlx @vuetify/cli add mcp

npm

# Add ESLint with Vuetify config
npx @vuetify/cli add eslint

# Add MCP server configuration
npx @vuetify/cli add mcp

yarn

# Add ESLint with Vuetify config
yarn dlx @vuetify/cli add eslint

# Add MCP server configuration
yarn dlx @vuetify/cli add mcp

bun

# Add ESLint with Vuetify config
bunx @vuetify/cli add eslint

# Add MCP server configuration
bunx @vuetify/cli add mcp

Tip

The add mcp command configures Vuetify MCP for your IDE automatically.

update

Update all Vuetify packages to their latest versions:

pnpm

# Update to latest stable
pnpm dlx @vuetify/cli update

# Update to nightly builds
pnpm dlx @vuetify/cli update --nightly

npm

npx @vuetify/cli update
npx @vuetify/cli update --nightly

yarn

yarn dlx @vuetify/cli update
yarn dlx @vuetify/cli update --nightly

bun

bunx @vuetify/cli update
bunx @vuetify/cli update --nightly

The update command auto-detects and updates:

vuetify
@vuetify/* packages
vuetify-nuxt-module
vite-plugin-vuetify
eslint-plugin-vuetify

docs

Open version-specific Vuetify documentation:

pnpm

pnpm dlx @vuetify/cli docs

npm

npx @vuetify/cli docs

yarn

yarn dlx @vuetify/cli docs

bun

bunx @vuetify/cli docs

Info

The CLI auto-detects your installed Vuetify version and opens the correct documentation site.

analyze

Scan your codebase for Vuetify usage patterns:

pnpm

# Console output
pnpm dlx @vuetify/cli analyze

# JSON output for tooling
pnpm dlx @vuetify/cli analyze --reporter json

npm

npx @vuetify/cli analyze
npx @vuetify/cli analyze --reporter json

yarn

yarn dlx @vuetify/cli analyze
yarn dlx @vuetify/cli analyze --reporter json

bun

bunx @vuetify/cli analyze
bunx @vuetify/cli analyze --reporter json

The analyzer detects imports of:

Components (VBtn, VCard, etc.)
Composables (useDisplay, useTheme, etc.)
Types and utilities

Ask AI

How can I use the analyze command to plan a Vuetify migration?

upgrade

Self-upgrade the CLI to the latest version:

pnpm

pnpm dlx @vuetify/cli upgrade

npm

npx @vuetify/cli upgrade

yarn

yarn dlx @vuetify/cli upgrade

bun

bunx @vuetify/cli upgrade

Scaffolding Options

The interactive wizard guides you through project configuration:

Platforms

Platform	Description
Vue + Vite	Standard Vue 3 SPA with Vite↗
Nuxt	Nuxt 3/4↗ with SSR/SSG support

CSS Frameworks

Framework	Description
UnoCSS↗	Instant atomic CSS engine
Tailwind↗	Utility-first CSS
None	No CSS framework

Router Options (Vue only)

Option	Description
Vue Router↗	Standard routing
File-based	Auto-generated routes from file structure
None	No routing

Features

Feature	Description
ESLint	Vuetify ESLint config↗
Pinia↗	State management
i18n↗	Internationalization
MCP	Vuetify MCP server config
Nuxt Module	vuetify-nuxt-module↗ (Nuxt only)

Non-Interactive Mode

For CI/CD pipelines and automation, pass arguments directly:

pnpm

pnpm create vuetify0 my-app \
  --platform vue \
  --css unocss \
  --typescript \
  --router router \
  --features eslint,pinia \
  --package-manager pnpm \
  --install

npm

npm create vuetify0 my-app -- \
  --platform vue \
  --css unocss \
  --typescript \
  --router router \
  --features eslint,pinia \
  --package-manager npm \
  --install

yarn

yarn create vuetify0 my-app \
  --platform vue \
  --css unocss \
  --typescript \
  --router router \
  --features eslint,pinia \
  --package-manager yarn \
  --install

bun

bun create vuetify0 my-app \
  --platform vue \
  --css unocss \
  --typescript \
  --router router \
  --features eslint,pinia \
  --package-manager bun \
  --install

All Arguments

Argument	Values	Description
`--platform`	`vue`, `nuxt`	Target platform
`--css`	`unocss`, `tailwindcss`, `none`	CSS framework
`--typescript`	flag	Enable TypeScript
`--router`	`router`, `file-router`, `none`	Router type (Vue only)
`--features`	comma-separated	Features to include
`--package-manager`	`pnpm`, `npm`, `yarn`, `bun`	Package manager
`--install`	flag	Auto-install dependencies
`--force`	flag	Overwrite existing directory

Warning

The --force flag will overwrite existing files without confirmation.