create-vite-extra

Scaffolding Your First Vite Project

Compatibility Note: Vite requires Node.js version 20.19+, 22.12+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.

# npm
npm create vite-extra@latest

# pnpm
pnpm create vite-extra

# yarn
yarn create vite-extra

# bun
bun create vite-extra

# deno
deno init --npm vite-extra

Then follow the prompts!

You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + SSR + Vue project, run:

# npm
npm create vite-extra@latest my-vue-app -- --template ssr-vue

# pnpm
pnpm create vite-extra my-vue-app --template ssr-vue

# yarn
yarn create vite-extra my-vue-app --template ssr-vue

# bun
bun create vite-extra my-vue-app --template ssr-vue

# deno
deno init --npm vite-extra my-vue-app --template deno-vue

Currently supported template presets include:

| Template | Try on StackBlitz | | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | | ssr-vanilla | SSR + Vanilla | | ssr-vanilla-ts | SSR + Vanilla + TS | | ssr-vue | SSR + Vue | | ssr-vue-ts | SSR + Vue + TS | | ssr-vue-streaming | SSR + Vue Streaming | | ssr-vue-streaming-ts | SSR + Vue Streaming + TS | | ssr-react | SSR + React | | ssr-react-ts | SSR + React + TS | | ssr-react-streaming | SSR + React Streaming | | ssr-react-streaming-ts | SSR + React Streaming + TS | | ssr-react-compiler | | | ssr-react-compiler-ts | | | ssr-react-compiler-streaming-ts | | | ssr-react-compiler-streaming-ts | | | ssr-preact | SSR + Preact | | ssr-preact-ts | SSR + Preact + TS | | ssr-svelte | SSR + Svelte | | ssr-svelte-ts | SSR + Svelte + TS | | deno-vanilla | | | deno-vanilla-ts | | | deno-vue | | | deno-vue-ts | | | deno-react | | | deno-react-ts | | | deno-preact | | | deno-preact-ts | | | deno-lit | | | deno-lit-ts | | | deno-svelte | | | deno-svelte-ts | | | library | Library | | library-ts | Library + TS | | ssr-transform | SSR Transform |

You can use . for the project name to scaffold in the current directory.

Community Templates

create-vite-extra is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for community maintained templates that include other tools or target different frameworks. You can use a tool like tiged to scaffold your project with one of the templates.

npx tiged user/project my-project
cd my-project

npm install
npm run dev

Attribution

This project is originally a fork of create-vite. Credit goes to all of its contributors.