Vue调试工具DevTools安装以及使用

1.首先下载devTools的压缩包
(下载地址:https://github.com/vuejs/vue-devtools)
2.将压缩包解压,放入磁盘中(路径随你自己)
3.win+R 输入cmd,进入你解压的文件夹之下
Vue调试工具DevTools安装以及使用
4.并且执行

npm install
执行完之后大概就是这个样子Vue调试工具DevTools安装以及使用
npm run buildVue调试工具DevTools安装以及使用

5.然后修改vue-devtools-dev\shells\chrome文件夹下的manifest.json 将"persistent"改为true
Vue调试工具DevTools安装以及使用
**6.然后打开浏览器,进入设置中的扩展程序 **
Vue调试工具DevTools安装以及使用
选择 加载已解压扩展程序
Vue调试工具DevTools安装以及使用
选择chrome文件夹
Vue调试工具DevTools安装以及使用

6.这是我安装完之后的样子
Vue调试工具DevTools安装以及使用

7.安装完之后(查看调试信息)
Vue调试工具DevTools安装以及使用