create-vite-extra

Scaffolding Your First Vite Project

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@latest

With Yarn:

$ yarn create vite-extra

With PNPM:

$ pnpm create vite-extra

With Deno:

$ deno run -A npm:create-vite-extra

With Bun:

$ bunx 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:

# 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
bunx 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 degit to scaffold your project with one of the templates.

npx degit user/project my-project
cd my-project

npm install
npm run dev

If the project uses main as the default branch, suffix the project repo with #main

npx degit user/project#main my-project

Attribution

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

Galenchou/create-vite-extra

create-vite-extra

Scaffolding Your First Vite Project

Community Templates

Attribution