Vue Devtools组件调试扩展
谷歌浏览器的 Vue 源码查看功能，真的是前端开发的一个小神器。装上 Vue Devtools 之后，你就能像调试 HTML 元素 一样，直接查看和调试 Vue 组件，包括 props、data、computed这些状态。调试体验简直翻倍提升，嗯，响应也快，代码结构也一目了然。
方法其实挺，手动装扩展就行：先打开 chrome://extensions/，把解压好的文件拖进去，Ctrl+R 一刷新就能用了。没有联网限制，也不用怕更新出问题。适合折腾自己的本地项目或者离线调试场景。
如果你还不太熟，可以看看这个安装指南，写得蛮清楚的，截图也挺详细。顺手收藏一下，以后重装浏览器也方便找回。
顺带提一句，有时候版本不兼容的话，可以去这里找对应的浏览器驱动：chrome 驱动最新版。别等到调试出 Bug 才想到这茬，那就有点晚了。
如果你常用 Tampermonkey 或其他扩展，这种手动安装的方法你应该不陌生。一样的思路，只是路径和内容换成了 Vue 的调试工具罢了。
，如果你经常写 Vue，或者刚上手还在抓调试的门道，那这个工具你一定得试试。方便、清爽、不吃资源。如果你是 Mac 用户，还可以看看这个版本：Chrome v72 for mac，有些人反映兼容性更好。
文件大小：252.93KB
评论区