知海

create-vite 使用说明

vite-main模板、包与插件

create-vite 使用说明

create-vite 是一个用于快速搭建 Vite 项目的脚手架工具,支持多种主流框架模板。

创建你的第一个 Vite 项目

兼容性提示:
Vite 需要 Node.js 20.19+、22.12+ 版本。不过部分模板可能需要更高的 Node.js 版本才能运行,如果包管理器给出警告,请升级 Node.js。

使用 NPM

bash 复制代码
npm create vite@latest

使用 Yarn

bash 复制代码
yarn create vite

使用 PNPM

bash 复制代码
pnpm create vite

使用 Bun

bash 复制代码
bun create vite

使用 Deno

bash 复制代码
deno init --npm vite

随后按照命令行提示操作即可!

你也可以通过额外的命令行选项直接指定项目名称和模板。例如,要搭建一个 Vite + Vue 项目,运行:

bash 复制代码
# npm 7+,需要额外的双横线:
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

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

当前支持的模板预设包括:

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

你可以使用 . 作为项目名称,以便在当前目录中直接生成项目。

社区模板

create-vite 是一个基于主流框架的基础模板快速创建项目的工具。可以查看 Awesome Vite 上由 社区维护的模板,这些模板包含了其他工具或面向不同的框架。你也可以使用 tiged 之类的工具,基于这些模板来搭建项目。

bash 复制代码
npx tiged user/project my-project
cd my-project

npm install
npm run dev

帮助我们改进文档

发现翻译问题或内容错误?请告诉我们。