Compatibility Note: Vite requires Node.js version 14.18+, 16+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.
With NPM:
$ npm create vite-extra@latestWith Yarn:
$ yarn create vite-extraWith PNPM:
$ pnpm create vite-extraWith Deno:
$ deno run -A npm:create-vite-extraWith Bun:
$ bun create vite-extraThen 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
# yarn
yarn create vite-extra my-vue-app --template ssr-vue
# pnpm
pnpm create vite-extra my-vue-app --template ssr-vue
# Deno
deno run -A npm:create-vite-extra --template deno-vue
# Bun
bun create vite-extra my-vue-app --template ssr-vueCurrently 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.
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 degit to scaffold your project with one of the templates.
npx degit user/project my-project
cd my-project
npm install
npm run devIf the project uses main as the default branch, suffix the project repo with #main
npx degit user/project#main my-projectThis project is originally a fork of create-vite. Credit goes to all of its contributors.