vue调试插件安装,chrome版,添加vue插件devtools

1,下载地址,https://download.csdn.net/download/fghag888/87558490?spm=1001.2014.3001.5503

下载后,

第一种方法:直接拖动解压后的文件:devtools_6.5.0_chrome.zzzmh.cn.crx

到chrome浏览器,开发者扩展程序里.

完成这一步,直接跳到看,第9步.

第二种方法:1,下载后,解压找到文件位置如果你的解压在D盘,那么

D:\devtools-add-remote-devtools\devtools-add-remote-devtools\shells

找到chrome文件夹.找到然后打开文件

2,打开:mainfest.js文件,修改文件的相应位置为:

3,点击chrome,先点击开发者模式打开,然后,点击加载一解压的扩展程序.

4,拖动进赖这个框内.或者一步步找到相应的chrome路径

5,下载后出现上面的图.证明hook.js文件位置不对,我们到文件看看.发现,hook.js在src里,所以改文件路径为:src/hook.js 其它文件也依次改为相对应的路径.

6,改完如下图.大家也可以对应一下:注意划红线的文件,在你的文件的什么位置.不管哪个版本,都需要注意下文件位置.

7,再次回到chrome加载:出现下图就加载成功

9,打开chrome调试程序.

10,大家看到vue插件安装好后,图标为灰色.那么可以看到,在控制台也没有发现vue

解决方法为:打开插件详情.打开

11,搞定!开始你的开发之旅吧.