Vite
Scaffold any Vite project via the official create-vite CLI
Primary commands
bash
npx scafix create vite
npx scafix create vite --framework vue --typescript --tailwind --tailwind-version v4 --shadcn-vue
npx scafix create vite --name web-app --package-manager bun --prettierSupported customizations
| Option | CLI flags | Type / values | Default | Notes |
|---|---|---|---|---|
| Framework | --framework <framework>--template <template> | react Reactvue Vuereact-ts React + TypeScript template aliasvue-ts Vue + TypeScript template alias | react | Select the generated Vite framework starter. |
| TypeScript | --typescript--no-typescript | boolean | true | Choose TypeScript or JavaScript output. |
| Tailwind CSS | --tailwind--no-tailwind | boolean | false | Adds Tailwind CSS to the generated project. |
| Tailwind version | --tailwind-version <version> | v4 v4 (Latest)v3 v3 (Stable) | n/a | Select the Tailwind version when Tailwind is enabled. |
| shadcn | --shadcn--no-shadcn--shadcn-vue | boolean | false | Adds shadcn/ui for React templates or enables equivalent UI bootstrap for Vue via --shadcn-vue. The prompt only appears when Tailwind is enabled. |
| Prettier | --prettier--no-prettier | boolean | false | Adds Prettier configuration to the scaffold. |
--yes defaults
| Key | value |
|---|---|
| framework | react |
| typescript | true |
| tailwind | false |
| shadcn | false |
| prettier | false |
Notes
- Tailwind version and shadcn choices only apply when Tailwind support is enabled.
- Scafix normalizes generated package names after Vite creates the project.
Shared flow reminder
- Shared flags such as
--name,--directory,--package-manager,--git, and--debugapply here as well. - If required values are omitted and a TTY is available, Scafix prompts for them before calling the stack adapter.
- See CLI Reference for the shared command surface used by
scafix.
