Chrome中安装vue-devtools

1.安装git、node环境，到 https://github.com/vuejs/vue-devtools中下载vue-devtools至本地，

下载好了解压缩vue-devtools-dev包，点击进入vue-devtools-dev文件根目录

2.在vue-devtools-dev根目录中单击鼠标右键，点击Git Bash Here ，cnpm i 安装依赖

3.修改manifest.json文件： 把"persistent":false改成true

4.编译代码：npm run build（如果这一步错误，请参考 https://blog.csdn.net/yizufengdou/article/details/103985709

https://chrome.zzzmh.cn/index#ext

 ）

5.扩展Chrome插件，点击Chrome浏览器 > 更多程序 > 拓展程序
找到拓展程序，点击进入这个拓展程序面板，然后把vue-devtools-dev > shells > chrome拖入到此面板中

6.vue-devtools使用： 打开vue项目并运行，在浏览器中按F12，vue是数据驱动的, 这样就能看到对应数据了

 

来源：oschina

链接：https://my.oschina.net/u/4161514/blog/3169125