Vue Devtools组件调试插件
Vue 调试的利器 Vue-Devtools，用起来真的是挺顺手的，尤其是做组件状态管理那块，响应也快，数据结构一目了然。
已解压的 Vue-Devtools其实装起来蛮，解压之后打开Chrome右上角菜单，依次点击更多工具 → 扩展程序，记得把右上角的开发者模式打开。点左上角的加载已解压的扩展程序，选中刚刚解压的文件夹就 OK 了。
插件装好后，在 Chrome 的开发者工具里会多出一个Vue标签，你点进去就能看到组件树、状态管理、事件这些模块，调试起来方便多了，适合调Vuex或Pinia状态的场景。
如果你也在用 Vue 做项目，不妨试试这个插件，配合使用Vue3和Composition API，效果还不错。哦对了，调试前记得在项目里启用devtools支持。
想了解更多相关扩展，你也可以看看这些：
- vue-devtools(chrome vue 调试插件)
- Vue.js 开发者工具 Chrome 扩展程序安装指南
- React DevTools 调试扩展
- Redux-DevTools 3.0.11 谷歌扩展
如果你装不上，有是压缩包解的不完整，或者浏览器版本不兼容，可以换个 Chrome 版本试试。
文件大小：254.46KB
评论区