One-command setup
Detects npm, pnpm, yarn, or bun, then scaffolds the app and installs dependencies.
A Vue 3, Vite, and Vercel project scaffolder. One command creates a full-stack app with Tailwind CSS v4, Pinia, optional routing, serverless API routes, testing, linting, and formatting.
01 · Why it exists
Starting a serious Vue project usually means stitching together Vite, Tailwind, router, state, linting, formatting, tests, git hooks, Vercel config, and serverless routes before writing the first real feature.
create-vvv packages those choices into one repeatable command for prototypes, internal tools, and Vue apps that need a backend route without standing up Express.
Defaults
Detects npm, pnpm, yarn, or bun, then scaffolds the app and installs dependencies.
Uses @tailwindcss/vite with no hand-written Tailwind config required.
Creates Vercel API routes and deployment configuration alongside the Vue frontend.
Includes Vitest, Vue Test Utils, ESLint v9, Prettier, and Husky pre-commit formatting.
02 · Commands
| Command | Use |
|---|---|
npm create vvv@latest |
Interactive project setup. |
npm create vvv@latest my-app |
Scaffold into a named directory. |
npm create vvv@latest . |
Scaffold into the current empty directory. |
npm create vvv@latest my-app --yes --router |
Non-interactive setup with Vue Router selected. |
npm create vvv@latest my-app --yes --daisyui --skip-install |
Copy files with DaisyUI selected, but skip dependency install. |
03 · Stack
| Layer | Technology |
|---|---|
| Framework | Vue 3 with Composition API. |
| Build tool | Vite. |
| CSS | Tailwind CSS v4 via @tailwindcss/vite. |
| State and routing | Pinia plus optional Vue Router. |
| Serverless | Vercel Functions in api/. |
| Testing and formatting | Vitest, Vue Test Utils, ESLint, Prettier, Husky. |
Use the npm package for a fresh app, or inspect the source to adapt the template choices.
Keep exploring