devtools下载安装踩坑记

       嘿嘿,安装devtools是不是一到npm run build 就出错了呀^-^

       这两天安装devtools时,网上一堆安装方法,可是除了从仓库下载以外挨个试了个遍。到最后还是一到npm run build 就出错,简直头痛想吐!-!最后从简书上看到了下面这个方法,但是有个小小的问题就是我昨天测试这个方法是不可以的,但是今天再次测试的时候又可以了,所以小伙伴们可以多尝试几次哟,也许今天不可以,但是明天就可以了呢^-^

下载vue调试工具

下载链接:https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd

选择推荐下载

devtools下载安装踩坑记

将下载好的nhdogjmejiglipccpnnnanhbledajbpd解压后,打开Google浏览器,点击右上角的三个小点-->更多工具-->拓展程序

devtools下载安装踩坑记

进入下面的界面后,打开开发者工具:

devtools下载安装踩坑记

打开之前解压的nhdogjmejiglipccpnnnanhbledajbpd文件,将下图文件拖入上述界面:

devtools下载安装踩坑记

弹出如下界面,选择添加拓展程序就好啦

devtools下载安装踩坑记

打开项目按F12就可以看到vue的选项,点击后就可以看到了

devtools下载安装踩坑记