创建基础模板

1. 安装vite

npm i -g create-vite-app

2. 创建项目

create-vite-app <project-name>

或者

cva <project-name>

3. 进入项目

cd <project-name>

4. 安装依赖包并启动项目

npm install
npm run dev

创建项目模板

官网链接：https://cn.vitejs.dev/guide/why.html Vite创建项目

注意

注：Vite需要Node.js 版本 >= 12.0.0

注意

注：最新版Vite已经不需要手动全局安装，此命令可直接创建项目，请直接切换到相应目录后再运行该命令即可

使用 NPM

$ npm init vite@latest

使用 Yarn:

$ yarn create vite

使用 PNPM:

$ pnpx create-vite

然后按照提示操作即可！

你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如，要构建一个 Vite + Vue 项目，运行:

npm 6.x

npm init vite@latest my-vue-app --template vue

npm 7+, 需要额外的双横线

npm init vite@latest my-vue-app -- --template vue

yarn

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

支持的模板预设包括：

vanilla
vanilla-ts
vue
vue-ts
react
react-ts
preact
preact-ts
lit-element
lit-element-ts
svelte
svelte-ts

查看 create-vite (opens new window) 以获取每个模板的更多细节。