Vue2+js项目升级为vue3+ts（配置篇）

最新推荐文章于 2024-05-06 17:58:03 发布

小菜菜arron

最新推荐文章于 2024-05-06 17:58:03 发布

阅读量2k

点赞数

文章标签： vue.js typescript

本文链接：https://blog.csdn.net/qq_27985659/article/details/125415001

版权

新的项目需要使用element-plus、vue3和ts来重构，而原本的项目是elementUI+js来搭建的。虽然是需要重构的项目，但是其中涉及到几个复杂的业务组件，来不及重构这些组件，因此升级方案为：主页面走重构，业务组件单纯从vue2.0升级到vue3.0，elementUI升级为elementPlus，并支持ts。下面的升级配置就是针对上面几个内容来的，里面具体的写法升级会在下一篇再去讲解。

package.json：

// vue3 相关
"vue": "^3.2.13",
"vue-class-component": "^8.0.0-0",
"vue-router": "^4.0.3"
// ts相关
"@typescript-eslint/parser": "^5.29.0",
"@vue/cli-plugin-typescript": "^5.0.5",
"@vue/eslint-config-typescript": "^11.0.0",
"typescript": "^4.7.4",
// 升级cli相关的插件
"@babel/eslint-parser": "^7.13.14",
 "@vue/cli-plugin-babel": "~5.0.0",
 "@vue/cli-plugin-eslint": "~5.0.0",
 "@vue/cli-plugin-router": "~5.0.0",
 "@vue/cli