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 Markdown

BeginnerFeb 3, 2026

Packages

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

Installation

Install the CLI globally to access all commands:

bash

pnpm add -g @vuetify/cli

bash

npm install -g @vuetify/cli

bash

yarn global add @vuetify/cli

bash

bun add -g @vuetify/cli

Or run commands without installing using dlx/npx:

bash

pnpm dlx @vuetify/cli <command>

bash

npx @vuetify/cli <command>

bash

yarn dlx @vuetify/cli <command>

bash

bunx @vuetify/cli <command>

Quick Start

Create a new v0 project with the interactive wizard:

bash

vuetify init

Or use the standalone scaffolding package without installing the CLI:

bash

pnpm create vuetify0

bash

npm create vuetify0

bash

yarn create vuetify0

bash

bun create vuetify0

Commands

Command	Description
`vuetify init`	Initialize a new project
`vuetify add eslint`	Add ESLint with Vuetify config
`vuetify add mcp`	Add MCP server configuration
`vuetify update`	Update Vuetify packages
`vuetify docs`	Open version-specific documentation
`vuetify analyze`	Scan codebase for usage patterns
`vuetify upgrade`	Self-upgrade the CLI

init

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

bash

pnpm dlx @vuetify/cli init my-app

bash

npx @vuetify/cli init my-app

bash

yarn dlx @vuetify/cli init my-app

bash

bunx @vuetify/cli init my-app

add

Add integrations to existing projects:

bash

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

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

bash

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

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

bash

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

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

bash

# 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:

bash

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

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

bash

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

bash

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

bash

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

The update command auto-detects and updates:

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

docs

Open version-specific Vuetify documentation:

bash

pnpm dlx @vuetify/cli docs

bash

npx @vuetify/cli docs

bash

yarn dlx @vuetify/cli docs

bash

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:

bash

# Console output
pnpm dlx @vuetify/cli analyze

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

bash

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

bash

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

bash

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

The analyzer scans your project and detects all imports from @vuetify/v0:

Components — VBtn, VCard, VDataTable, etc.
Composables — useDisplay, useTheme, useFilter, etc.
Plugins — createVuetify, createIconsPlugin, etc.
Utilities and constants

Custom Documentation URL

After analyzing your project, the CLI generates a personalized documentation URL:

txt

https://0.vuetifyjs.com/?features=Dialog,Avatar,useDisplay,...

This URL filters the v0 documentation to show only the features you’re actually using, giving you a focused, clutter-free reference tailored to your project. Share this URL with your team to onboard developers faster.

JSON Output

Use --reporter json to integrate with CI/CD pipelines or custom tooling:

bash

vuetify analyze --reporter json --output report.json

Ask AI

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

upgrade

Self-upgrade the CLI to the latest version:

bash

pnpm dlx @vuetify/cli upgrade

bash

npx @vuetify/cli upgrade

bash

yarn dlx @vuetify/cli upgrade

bash

bunx @vuetify/cli upgrade

Scaffolding Options

The interactive wizard guides you through project configuration:

Step	Options
Project Name	Your project directory name
Platform	Vue↗ + Vite↗, Nuxt↗
CSS Framework	UnoCSS↗, Tailwind↗, None
TypeScript	Yes, No
Router (Vue only)	Vue Router↗, File-based, None
Features	ESLint, Pinia↗, i18n↗, MCP

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

Non-Interactive Mode

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

bash

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

bash

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

bash

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

bash

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

All Arguments

Argument	Values	Description
`--platform`	`vue`, `nuxt`	Target platform
`--css`	`unocss`, `tailwindcss`, `none`	CSS framework
`--no-typescript`	flag	Use JavaScript instead of TypeScript
`--router`	`router`, `file-router`, `none`	Router type (Vue only)
`--features`	`eslint`, `pinia`, `i18n`, `mcp`	Features to include (comma-separated)
`--install`	flag	Auto-install dependencies
`--force`	flag	Overwrite existing directory

Warning

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