做Zustand开发最头疼的就是状态变化不可见，调试全靠console.log。直到发现Zukeeper——这款专为Zustand打造的浏览器DevTools插件，彻底改变了我的开发体验。它不像Redux DevTools那样需要额外配置中间件，安装即用，直接捕获Store中的所有action和state变化。

核心功能一览

  • Action Dispatch日志：每次dispatch自动记录，附带完整payload和时间戳，比手动打log高效十倍。
  • State快照与Diff：选中任意历史快照可查看完整state树，并高亮前后差异，定位bug超快。
  • State层级可视化：以嵌套树形式展示所有slice，支持展开/折叠，复杂项目也能一目了然。
  • 时间旅行调试：像Redux DevTools一样跳转到任意历史状态，所有UI瞬间回滚，联动极佳。

对比React Developer Tools只能看props/state快照，而Zukeeper专注Zustand生态，免配置、低侵入。即便你同时用Redux+Zustand混合架构，它也独立运行毫无冲突。安装后右侧面板自动激活，配合Chrome开发者工具使用，体验如原生一般顺滑。

如果你受够了在setState里写大量日志，或者想快速复现用户反馈的异常状态，Zukeeper绝对是首选。开源免费，已支持Chrome、Edge和Firefox，是Zustand开发者必装的生产力工具。