Vue Cli 迁移至 Vite

要从 Vue CLI 迁移到 Vite，你需要创建一个新的 Vite 项目，并将现有的代码和配置迁移到新项目中。以下是基本步骤：

1. 创建一个新的 Vite 项目：

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

或者使用 yarn：

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

2. 将你的 Vue CLI 项目中的 src 目录、public 目录和 vue.config.js （如果有）复制到新项目中对应的位置。
3. 迁移 router 和 store （如果有）到 src 目录下的对应文件。
4. 修改 vite.config.js 以适应你的项目需求，比如添加插件和别名。
5. 更新 package.json 中的脚本部分，以使用 Vite 的命令。

例如，将 serve 命令从 vue-cli-service serve 改为 vite。

{
  "scripts": {
    "serve": "vite",
    "build": "vite build",
    "lint": "eslint --ext .js,.vue src"
  }
}

6. 安装所有依赖项并运行新项目。

cd my-vue-app
npm install
npm run serve

注意：具体迁移细节可能会依据你的项目结构和配置有所不同，可能需要处理其他配置选项，如预处理器、第三方库或插件的兼容性等。