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.

With NPM:

``bash
$ npm create vite-extra@latest
`

With Yarn:

`bash
$ yarn create vite-extra
`

With PNPM:

`bash
$ pnpm create vite-extra
`

With Deno:

`bash
$ deno init --npm vite-extra
`

With Bun:

`bash
$ bun create 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:

`bash


npm

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

yarn

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

pnpm

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

Deno

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

Bun

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

Currently supported template presets include:

| Template | Try online |
| ---------------------------- | -------------------------------------------------------------------------------------------------------------------- |
| ssr-vanilla | StackBlitz |
| ssr-vanilla-ts | StackBlitz |
| ssr-vue | StackBlitz |
| ssr-vue-ts | StackBlitz |
| ssr-vue-streaming | StackBlitz |
| ssr-vue-streaming-ts | StackBlitz |
| ssr-react | StackBlitz |
| ssr-react-ts | StackBlitz |
| ssr-react-streaming | StackBlitz |
| ssr-react-streaming-ts | StackBlitz |
| ssr-react-swc | |
| ssr-react-swc-ts | |
| ssr-react-swc-streaming | |
| ssr-react-swc-streaming-ts | |
| ssr-preact | StackBlitz |
| ssr-preact-ts | StackBlitz |
| ssr-svelte | StackBlitz |
| ssr-svelte-ts | StackBlitz |
| deno-vanilla | |
| deno-vanilla-ts | |
| deno-vue | |
| deno-vue-ts | |
| deno-react | |
| deno-react-ts | |
| deno-react-swc | |
| deno-react-swc-ts | |
| deno-preact | |
| deno-preact-ts | |
| deno-lit | |
| deno-lit-ts | |
| deno-svelte | |
| deno-svelte-ts | |
| library | StackBlitz |
| library-ts | StackBlitz |
| ssr-transform | StackBlitz |

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.

`bash
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.