[参考文档链接](https://cn.vite.dev/guide/#scaffolding-your-first-vite-project)`https://cn.vite.dev/guide/#scaffolding-your-first-vite-project`

- 1、创建项目

**npm create vite@latest 普通创建自定义配置**

**npm create vite@latest my-vue-app -- --template vue 使用vue模版创建**

**npm create vite@latest my-vue-app -- --template vue 使用vue-ts模版创建**

- 2、选择配置

**普通创建：创建名称=》模版语言(vue/ts)=》开发语言（js/ts）=》rolldown-vite打包器是否使用=》是否安装依赖**

**模版创建：rolldown-vite打包器是否使用=》是否安装依赖**

- 3、依赖安装

npm install 安装项目依赖npm run dev 启动项目npm run build 打包项目

模版

- vite社区内存在很多开源模版，用来创建项目的脚手架，可以点击下方连接前往查看

[vite模版](https://github.com/vitejs/awesome-vite?tab=readme-ov-file#templates)

集成项目环境工具

所需工具详细请查看 1-1 开始准备环境

所需集成步骤请自行百度或查看 1-2 依赖集成步骤