问题:

起因是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

最后

这只是我个人的解决方案,不排除各位有其他解决方案。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐