引言
在使用 Cursor 进行 AI 编程时,你是否遇到过这样的困扰:想回顾之前的对话却找不到入口?想搜索某个技术问题的解决方案却无从下手?或者想导出聊天记录分享给团队却不知道如何操作?
Cursor Chat Browser 正是为了解决这些问题而生的 Web 应用。它允许你浏览、搜索并导出 Cursor 编辑器的 AI 聊天历史,支持 Markdown、HTML、PDF 等多种格式,让你轻松管理和回顾与 AI 的对话。
核心特性
这款工具不仅是一个简单的查看器,更是一个完整的管理方案:
- 浏览与搜索:支持查看所有工作区的聊天历史,并提供全文搜索功能,能快速定位特定对话。
- 多存储支持:兼容旧版的工作区特定存储和新版的全局存储,确保不同版本的 Cursor 都能正常使用。
- 双重日志:同时支持 AI 聊天日志和 Composer 日志,并能区分显示。
- 组织与管理:按工作区组织聊天记录,方便查找。
- 响应式设计:支持深色/浅色模式,移动端也能友好访问。
- 多格式导出:支持将对话导出为 Markdown、带语法高亮的 HTML 以及 PDF 文档。
- 可收藏链接:支持生成书签化的聊天 URL,便于分享。
快速开始
安装过程非常简单,只需几步即可运行:
# 克隆仓库
git clone https://github.com/thomas-pedersen/cursor-chat-browser.git
cd cursor-chat-browser
# 安装依赖
npm install
# 启动开发服务器
npm run dev
启动后,在浏览器访问 http://localhost:3000 即可。
应用会自动检测 Cursor 工作区存储路径,无需手动配置:
- Windows:
%APPDATA%\Cursor\User\workspaceStorage - WSL2:
/mnt/c/Users/<USERNAME>/AppData/Roaming/Cursor/User/workspaceStorage - macOS:
~/Library/Application Support/Cursor/User/workspaceStorage - Linux:
~/.config/Cursor/User/workspaceStorage
如果自动检测失败,可以在配置页面(⚙️)手动设置路径。值得注意的是,新版本的 Cursor 已将聊天数据存储从工作区特定位置移动到全局存储,此应用已更新以支持两种存储方法,确保兼容性。
技术架构剖析
架构设计
项目采用 Next.js 14 App Router 架构,使用 TypeScript 开发,核心逻辑在于通过 SQLite 读取 Cursor 的聊天数据库。
整体结构清晰:
- Next.js 14:处理页面路由、服务端组件和客户端组件。
- SQLite 数据库读取:负责读取
state.vscdb文件,解析聊天记录和 Composer 日志。 - UI 组件:基于 shadcn/ui 构建导航栏、搜索栏和聊天列表。
- 样式系统:使用 Tailwind CSS 实现响应式设计和深色/浅色模式。


