1、安装vite（已安装则跳过）

npm install -g create-vite

2、创建工程

create-vite my-vue2-project

• 安装依赖

cd my-vue2-project
npm install vue@2 vue-template-compiler
npm install @vitejs/plugin-vue2 --save-dev

3、配置 Vite 使用 Vue 2

接下来，你需要在 vite.config.js 中配置 Vite 来使用 Vue 2 插件。修改 vite.config.js 文件，添加 @vitejs/plugin-vue2 插件：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue2'

export default defineConfig({
  plugins: [vue()],
})

4、修改入口文件

Vite 项目的默认入口文件通常是 index.html 和 main.js。在 src/main.js 中引入 Vue 2 以及根组件并挂载：

import Vue from 'vue'
import App from './App.vue'

new Vue({
  render: h => h(App),
}).$mount('#app')

在 src/App.vue 中创建一个简单的 Vue 2 组件：

<template>
  <div id="app">
    <h1>Hello Vue 2 with Vite!</h1>
  </div>
</template>

<script>
export default {
  name: 'App',
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
</style>

5. 启动开发服务器

现在，Vite 已经配置好 Vue 2。你可以启动开发服务器来查看你的应用：

npm run dev