vite/packages/create-vite
renovate[bot] 4a89766d83
fix(deps): update all non-major dependencies (#17321)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2024-05-27 12:16:22 +08:00
..
__tests__ chore(deps): update dependency execa to v9 (#16662) 2024-05-13 15:29:57 +08:00
src fix(create-vite): switch to default Remix template (#16203) 2024-03-19 23:06:34 +01:00
template-lit fix(deps): update all non-major dependencies (#16603) 2024-05-07 10:01:16 +02:00
template-lit-ts fix(deps): update all non-major dependencies (#16603) 2024-05-07 10:01:16 +02:00
template-preact chore(deps): update all non-major dependencies (#16722) 2024-05-20 15:56:38 +08:00
template-preact-ts chore(deps): update all non-major dependencies (#16722) 2024-05-20 15:56:38 +08:00
template-qwik fix(deps): update all non-major dependencies (#17321) 2024-05-27 12:16:22 +08:00
template-qwik-ts fix(deps): update all non-major dependencies (#17321) 2024-05-27 12:16:22 +08:00
template-react fix(deps): update all non-major dependencies (#17321) 2024-05-27 12:16:22 +08:00
template-react-ts fix(deps): update all non-major dependencies (#17321) 2024-05-27 12:16:22 +08:00
template-solid fix(deps): update all non-major dependencies (#16603) 2024-05-07 10:01:16 +02:00
template-solid-ts fix(deps): update all non-major dependencies (#16603) 2024-05-07 10:01:16 +02:00
template-svelte chore(deps): update all non-major dependencies (#16722) 2024-05-20 15:56:38 +08:00
template-svelte-ts chore(deps): update all non-major dependencies (#16722) 2024-05-20 15:56:38 +08:00
template-vanilla fix(deps): update all non-major dependencies (#16603) 2024-05-07 10:01:16 +02:00
template-vanilla-ts fix(deps): update all non-major dependencies (#16603) 2024-05-07 10:01:16 +02:00
template-vue chore(create-vite): update IDE support instructions in helloworld components (#16605) 2024-05-07 12:14:54 +02:00
template-vue-ts chore(deps): update all non-major dependencies (#16722) 2024-05-20 15:56:38 +08:00
build.config.ts feat!: rollup v4 (#14508) 2023-10-18 00:54:47 +08:00
CHANGELOG.md release: create-vite@5.2.3 2024-03-20 17:39:04 +08:00
index.js perf: bundle create-vite (#9034) 2022-08-29 20:21:35 +02:00
LICENSE chore(deps): update all non-major dependencies (#10488) 2022-10-20 08:11:00 +02:00
package.json release: create-vite@5.2.3 2024-03-20 17:39:04 +08:00
README.md docs: changed bunx create-vite to bun create vite (#15646) 2024-01-19 08:33:15 +01:00
tsconfig.json fix(deps): update all non-major dependencies (#15803) 2024-02-08 10:43:45 +01:00

create-vite npm package

Scaffolding Your First Vite Project

Compatibility Note: Vite requires Node.js version 18+, 20+. 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@latest

With Yarn:

$ yarn create vite

With PNPM:

$ pnpm create vite

With Bun:

$ bun create vite

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 + Vue project, run:

# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

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

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

# Bun
bun create vite my-vue-app --template vue

Currently supported template presets include:

  • vanilla
  • vanilla-ts
  • vue
  • vue-ts
  • react
  • react-ts
  • react-swc
  • react-swc-ts
  • preact
  • preact-ts
  • lit
  • lit-ts
  • svelte
  • svelte-ts
  • solid
  • solid-ts
  • qwik
  • qwik-ts

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

Community Templates

create-vite 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