vite创建vue2项目

使用 Vite 创建一个 Vue 2 项目并不是一个直接支持的操作，因为 Vite 官方仅支持 Vue 3。不过，你仍然可以通过一些额外的配置来使用 Vite 构建 Vue 2 项目。下面是一个基本步骤：

1. 创建一个新的 Vite 项目:
   首先，你需要安装 @vitejs/create-app（以前叫做 vite）。然后，你可以用它来初始化一个新的项目。虽然默认情况下它只支持 Vue 3，但我们会通过修改配置文件来实现对 Vue 2 的支持。

   npm init @vitejs/app my-vue2-project
   cd my-vue2-project
   

2. 选择框架:
   在创建项目时，可以选择 vue 作为模板。这将生成一个默认的 Vue 3 项目。

   ? Select a framework for your project: › Vue
   

3. 安装必要的依赖:
   由于我们需要使用 Vue 2，因此需要安装一些额外的依赖。

   npm uninstall vue
   npm install vue@^2.6.14 vue-template-compiler@^2.6.14 --save-dev
   

4. 配置 Vite:
   编辑 vite.config.js 文件以适应 Vue 2。

   import { defineConfig } from 'vite'
   import vue from '@vitejs/plugin-vue'export default defineConfig({plugins: [vue()],resolve: {alias: {'vue$': 'vue/dist/vue.esm.js'}},build: {rollupOptions: {output: {globals: {vue: 'Vue'}}}}
   })
   

5. 调整你的代码:
   确保你的组件和代码兼容 Vue 2。例如，Vue 3 的 Composition API 不能在 Vue 2 中使用，所以你需要使用 Vue 2 的 Options API。

6. 运行开发服务器:
   启动开发服务器以确保一切工作正常。

   npm run dev
   

7. 构建生产版本:
   当你准备好发布时，可以构建生产版本。

   npm run build
   

以上步骤将帮助你使用 Vite 创建一个 Vue 2 项目。请注意，尽管这种方法可行，但由于 Vite 本身是为 Vue 3 设计的，某些功能可能无法完全正常工作或需要额外配置。如果你遇到任何问题，建议查阅相关文档或者社区资源。