devtools最新安装方法

发布时间：2024-12-10 01:32

使用Chrome DevTools调试网页：https://developers.google.com/web/tools/chrome-devtools/ #生活技巧# #工作学习技巧# #编程学习资源#

刚开始百度安装devtools遇到了各种坑，总是怀疑是自己哪个步骤出错了或者网速问题，最后的最后…
先声明，本文摘自：mac解决最新devtools
第一步：
安装地址：https://github.com/vuejs/vue-devtools
之前的失败都是因为是在dev分支上操作，我的是window系统，对于切换分支
我是在github上修改的，如图：
这是默认分支：（点击dev）
在这里插入图片描述
第二步：

第三步：

解压压缩包，在目录下运行： npm install
安装完依赖后运行： npm run build
第四步：

找到这个文件夹，打开谷歌浏览器的扩展程序，启动开发者模式，把这个文件夹直接拖到空白处，重启浏览器就可以使用了！
最后效果如下：
在这里插入图片描述
如有疑问，请留言！