vue devtools is not detected

　　为了学习vue，自然少不了vue devtools这个神器，但是我用离线文件直接拖到Google的插件拓展那里，然后打开vue项目，在浏览器里面这个工具的图标却没有亮，检测不到。然后百度搜索答案，看到一篇博文用这样子的方法解决：

　　在项目中打开终端，用npm install vue devtools，下载后会有一个文件，在node-modules/vue devtools路径下会有vender这个文件夹，把这个文件夹直接拖到Google插件拓展那里，再把node-modules/vue devtools/vender/manifest.json中的persistent改为true，然后重启浏览器，再打开vue项目就可以看到图标亮了。但是控制台那里没有显示出来vue的调试工具。又查询了一下，有个答案是不能用vue.min.js。我把它换成vue.js再刷新浏览器就真的出来了。

　   另一种方法：(github上面下载以后，cmd或者gitbash进入解压文件夹，npm install-->npm run build 然后把shell-chrome-manifest.json中的persistent 改为true,然后到谷歌中的扩展程序中加载已解压的扩展程序，选中chrome的文件夹就可以了，页面中不用用cdn 直接下载开发版的，不然开发工具在页面中找不到vue.js.)

 

转载于:https://www.cnblogs.com/yaoya/p/9277346.html