本文档参考学习视频为尚硅谷Vue2.0+Vue3.0全套教程,文档解决方式仅支持能够访问chrome应用商店的学习者解决此问题。
简单说明:
在chrome应用商店下载6.6.4版本的Devtools即可,图标如下图所示
问题解决方式详细来源:
首先,在文档中点击此处安装 Devtools,会跳转到 github
点击 Install the extension 后会跳转至 404 页面(导致本人一度以为没有解决方法 XD)。事实上点击左侧的 Documention 可以进入 Devtools(我猜的)的官方网站。
点击 Get Stared 查看官方文档(只有英文版,怪不得我之前找不到解决方法,因为懒得看英语网站。果然学代码偷不了英语的懒 TT)
截图翻译页面很容易就能发现浏览器插件相关页面。如图所示,点击 Browser Extension。
可以看到这个紫色的提示框,答案显而易见啦~翻译也放在下面了。点击 v6 version 就跳转到适用Vue2 的插件啦!
备注
如果仍旧没有显示的话,以下解决方式供参考:
1. 重启浏览器后重新打开开发者工具(F12)
2. 开启如图所示的两个选项(管理扩展程序-详情)(事实上我没有开启这两个选项,重启浏览器后就能正常使用插件了;部分教程要求开启这两项,所以如果没有解决也可以一试。ps.我打开收集错误后居然真的报错了,但既然可以正常使用,我就忽略这个问题了,所以可以先只开启 "允许访问文件网址" ,不开启 "手机各项错误" )