Skip to content

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 --prettier

Supported customizations

OptionCLI flagsType / valuesDefaultNotes
Framework--framework <framework>
--template <template>
react React
vue Vue
react-ts React + TypeScript template alias
vue-ts Vue + TypeScript template alias
reactSelect the generated Vite framework starter.
TypeScript--typescript
--no-typescript
booleantrueChoose TypeScript or JavaScript output.
Tailwind CSS--tailwind
--no-tailwind
booleanfalseAdds Tailwind CSS to the generated project.
Tailwind version--tailwind-version <version>v4 v4 (Latest)
v3 v3 (Stable)
n/aSelect the Tailwind version when Tailwind is enabled.
shadcn--shadcn
--no-shadcn
--shadcn-vue
booleanfalseAdds 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
booleanfalseAdds Prettier configuration to the scaffold.

--yes defaults

Keyvalue
frameworkreact
typescripttrue
tailwindfalse
shadcnfalse
prettierfalse

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 --debug apply 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.

Released under the MIT License.