谷歌浏览器安装Vue Devtools

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。

1、首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools

 

 

2、下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。

 

3、编译完成后，进入目录结构如下vue-devtools-master\shells\chrome：

4、修改mainifest.json 中的persistant为true：

 

 

5、打开谷歌浏览器的设置--->更多工具--->扩展程序，并勾选开发者模式，将chrome文件夹拖拽到谷歌浏览器上

6、啦啦啦  完成

在谷歌浏览器右上角就可以看到啦