刚开始使用vue.js devtool时，使用的是从http://www.cnplugins.com/devtool/vuejs-devtools/detail.html上面找的crx文件，直接拖动到谷歌浏览器的扩展程序中安装的，但是 一直是灰色的，找了很多方法，包括根据这个插件id
找到了对应的文件夹目录
，但是在manifest.json中没有找到对应的persistent:false选项，无奈此路不同，选择了其他的方法。
后来看到有其他博主发的，可以通过在对应的文件目录下通过npm安装npm install vue-devtools ，我这边由于安装过，在这里就不执行安装命令了，然后在这个对应的文件夹
，这下面会发现有一个新增的包，
，看下后面的安装时期，与其他的对比下，可以发现这个是执行npm install vue-devtools后才有的。然后进入到这个vue-devtools文件夹下，
，把这个文件夹直接拖动到谷歌的扩展程序那里，拖动方式类似之前的crx文件。
记得要勾选这个允许访问文件网址。然后还有最后一步，
，用编辑器打开vender文件夹下的manifest.json文件，然后修改
，保存后重启浏览器，然后打开你的vue项目，就可以发现图标被点亮，可以愉快的调试了。
，
亲测可用，相对来说还挺方便的，不大会排版，页面看起来有些乱，希望大家理解吧。