vue-devtools更新到v7后不支持vue2
vue-devtools版本切换
·
问题:
起因是chrome拓展自动更新到了最新版本v7,不再支持vue2,本来我是直接通过chrome应用商店下载的,根据官方提供的vue2版本的vue-devtools下载方式一路点击进去,最后发现又绕到了v7版本
解决方案:
注:需要科学上网,chrome应用商店地址:https://chromewebstore.google.com/category/extensions
1、从github上拉取v6版本的devtools:
csdn上关于如何通过代码构建并安装的教程有很多,我参考的是这位朋友的操作方式,但我遇到了各种各样的报错,切换各种镜像源、清理缓存都不能正常安装依赖并构建,最后放弃了。
vue-devtools的安装与使用_vue devtools-CSDN博客
代码地址:https://github.com/vuejs/devtools-v6
2、放弃v6,使用v5版本(chrome)
一开始我随便找了个评分较高的第三方的插件,结果使用中经常出现卡顿、页面刷新但插件内容不刷新的问题,实在是不好用。
这个时候我又去翻官方文档(Installation | Vue Devtools),发现最底下提供了v5版本的插件安装入口,下载连接也不会自动跳转到v7版本,可以适配vue2。(是我眼神不好,下图其实已经出现了)
3、使用v6,可以接受换浏览器
我自己只下载了edge浏览器的,火狐的没有尝试,edge可以正常安装。
安装地址:Vue.js devtools - Microsoft Edge Addons
最后
这只是我个人的解决方案,不排除各位有其他解决方案。
更多推荐
所有评论(0)