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

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

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

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

6.这是我安装完之后的样子
Vue调试工具DevTools安装以及使用_第7张图片

7.安装完之后(查看调试信息)
Vue调试工具DevTools安装以及使用_第8张图片

你可能感兴趣的:(前端,vue)