谷歌浏览器使用vue.js devtools所遇到的问题

谷歌浏览器使用vue.js devtools所遇到的问题

问题一：安装插件之后打开vue编码的页面发现vue devtools不可用并出现以下错误提示

Vue.js not detected

解决方法

1，打开Bilibili，（B站是使用vue开发的），如果此时图标变绿说明vue.js devtools此插件是可用的。
2，在扩展程序管理中选中vue dextools插件点击详情信息进入修改如下图所示的配置即可。

问题二：插件可用但控制台并没有出现vue操作栏并出现以下错误提示

Vue.js is detected on this page. Open DevTools and look for the Vue panel.

解决方法

1，关闭控制台刷新页面后在打开控制台查看即可。