用 Claude Code 写了几天代码,对话历史全丢了?这个工具帮你找回来
前言
自从用上 Claude Code,编码效率确实起飞了。但有个痛点一直困扰我——历史对话散落在 ~/.claude/projects/ 下的各种 .jsonl 文件里,想回看某个对话?手动翻文件?别闹了。
于是周末花了点时间做了个桌面小工具:Claude History Viewer,专门用来浏览和回看 Claude Code 的对话历史。
GitHub 地址:github.com/cloud-mouse… 觉得有用的话,点个 Star 支持一下~
它能做什么?
1. 自动扫描,开箱即用
启动后自动读取 ~/.claude/projects/ 下所有项目目录,按项目分组展示对话列表,无需任何配置。
2. 对话内容完整还原
不是简单的文本回显,而是把 Claude Code 的各种消息类型都做了专门的可视化:
- Agent 子代理调度:展示 subagent_type、描述、可折叠的 prompt
- TodoWrite 任务清单:状态图标 + 完成进度统计
- AskUserQuestion 交互问题:卡片式选项列表(A/B/C)
- Edit / Write 文件修改:红色旧代码 / 绿色新代码 diff 对比
- Bash 命令执行:命令和描述分开清晰展示
- Thinking 思维过程:折叠展示,不干扰阅读
- 图片附件:点击放大预览
3. 四种主题随心切
简约白、深邃黑、暖色调、Monokai,总有一款适合你。
4. 面板可折叠,专注阅读
项目列表和对话列表都可以一键收起,让对话详情占满全屏,阅读长对话更舒服。
5. 一键恢复会话
看到某个历史对话想继续?点击「恢复会话」自动打开终端执行 claude --resume,无缝衔接之前的上下文。
技术栈
Vue 3 + Vite + Pinia + Electron + SQLite,经典搭配,启动快、体积小。
快速上手
git clone https://github.com/cloud-mouse/claude-history.git
cd claude-history
npm install
npm run dev
想打包成桌面应用?npm run electron:build 一键搞定。
最后
如果你也在用 Claude Code,不妨试试这个工具,回看历史对话、复盘解决问题的思路都挺有用的。
如果觉得有帮助,欢迎 Star、Fork、提 Issue!
GitHub:github.com/cloud-mouse…