Vue.js DevTools 5.1.1调试插件
Vue 开发的调试利器，vuejs-devtools插件还挺好用的，版本是 5.1.1，适配 Chrome 和 Firefox，基本上做 Vue 项目的都离不开它。装上之后，你在浏览器开发者工具里就能看到 Vue 专属的面板，组件结构、状态、事件一目了然，调试起来方便得多。
组件的 props 和 state都能实时看到，改值也方便，调起来比 console.log 香多了。比如你改个data值，不用页面刷新，直接反应在视图上，响应也快，效率高多了。
而且它还支持时间旅行调试——可以回溯到某个操作前的状态，出问题的时候一键回滚，挺像 Redux DevTools 的操作方式。对于调 Vuex 的朋友友好，配合store来看 mutation 变化清楚。
插件 ID 是nhdogjmejiglipccpnnnanhbledajbpd，你可以手动加载vuejs-devtools.rar这个包，离线用也没问题。Chrome 和 Firefox 都能装，兼容性还不错。
如果你用的是 Vue 2 或 Vue 3，这个版本都能跑，没什么大坑。建议你调试页面状态比较复杂、组件嵌套多的时候用，效率提升不是一点点。
哦对了，网上还有一些相关文章，像这篇 Vue.js Devtools 的讲得比较细，Chrome 调试插件这篇也能看看，适合刚上手的朋友。
如果你刚好在调 Vue 的项目，别犹豫，装一个用用，体验真的蛮不错的。
文件大小：499.81KB
评论区