Vue2+Vue Cli 项目 转换为 Vue3 + Vite 个人随笔记

263 阅读1分钟

个人随笔记# Vue2+Vue Cli 项目 转换为 Vue3 + Vite 个人随笔记

主线思路: 迭代 “插件”、“更换脚手架(项目迁移)”、”代码重构为Vue3“

1. 迭代插件

卸载
npm uninstall vue || npm uninstall xxx

安装
npm install vue@next (next 默认安装最新版本)
npm install vue@xxx (xxx 指定安装版本)

所有的插件都需根据 是否支持Vue3 进行取舍

2. Vue Cli 更换为 Vite (初始化Vite项目、迁移packa.json(dependencies、devDependencies)、迁移src文件)

  1. 初始化Vite项目

使用Vite 创建,一个初始化 Vue3 项目

  1. 迁移packa.json(dependencies、devDependencies)

迁移旧项目 package.json 文件中dependencies、devDependencies

  1. 迁移src文件 旧项目整个src文件夹迁移到初始化Vue3文件中进行覆盖

2. 代码重构

Vue2 选项式 更换为 Vue3的组合式