为了学习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.)