vue-cli3升级到vue-cli4

vue-cli4出来有一段时间了，现在的项目用的还是vue-cli3，今天想着在自己电脑上升级vue-cli4

原文链接：https://blog.csdn.net/qq_39953537/article/details/102759821

一.首先，在全局安装最新的 Vue CLI：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

检查一下安装版本：记得V大写

vue -V

 

 二.在项目根目录下执行

vue upgrade

 

 出现个警告就停止了，警告意思是：

当前存储库中有未提交的更改，建议先提交或隐藏它们。

是否仍然继续？

输入y即可：因为我是把项目拷贝了一份，不怕出错

 

 提示 继续升级这些插件吗？ 输入 Y 即可

慢慢等待更新

 

 提示意思是我的eslint当前版本时5版本，你想更新吗，我选择否吧，输入n

 

 三、更新完成后，主要有以下两个文件有改动：

我的bable.config.js直接就变成了这样

 

 pakage.json文件对应更新的三个文件的版本变成高版本了：

运行一下npm run serve启动一下本地项目，看看

有报错：

 

 又启动一下就好了，项目成功启动

四.vue cli 4 主要升级点总结：

1."@vue/cli-plugin-babel", "@vue/cli-plugin-eslint", "@vue/cli-service"由 v3 的版本升级到了 v4

over

这个项目用的依赖比较少，可能没遇到很多的差异性的东西，所以升级的比较顺利

 

 

 

 

 

 

 

。