Code Replay

录制 VS Code 中的代码编辑过程，生成 .cordreplay 回放文件。将该文件发给安装本扩展的其他人，即可在对方 VS Code 中观看代码回放（播放、拖时间轴、倍速、对比当前代码）。

安装

要求：VS Code 1.92 及以上。

方式一：从 VSIX 文件安装（推荐）

1. 在[发布页 / 分享处]下载 code-replay-recorder-0.0.1.vsix
2. 打开 VS Code，命令面板（Ctrl+Shift+P）→ 「开发者: 从 VSIX 安装…」，选择该文件
   • 或命令行：code --install-extension code-replay-recorder-0.0.1.vsix --force
3. 重启提醒后即可在命令面板搜索 Code Replay: 开始录制

方式二：源码构建

git clone https://github.com/slmhh/CodeReplay.git
cd CodeReplay
npm install
npm run compile
npx @vscode/vsce package        # 生成 code-replay-recorder-0.0.1.vsix

然后按方式一的步骤安装生成的 .vsix；开发调试可跳过打包，直接按 F5 启动扩展开发宿主。

使用

1. 活动栏「回放控制」侧边栏顶部提供「开始录制（可选范围）／停止录制」与「打开回放文件」按钮；命令面板的 Code Replay: 开始录制 / 停止录制 / 打开回放文件 仍可用
2. 选择录制范围：当前文件 或 整个工作区
3. 编辑代码；状态栏出现「● 录制」，点击或命令面板执行 Code Replay: 停止录制 停止
4. 录制停止后自动保存到 <项目根>/.cordreplay/<时间戳>-<模式>.cordreplay
5. 双击 .cordreplay 文件打开回放（也可命令面板 Code Replay: 打开回放文件）
6. 左侧活动栏出现「Code Replay」图标，点击打开侧边面板控制播放：播放/暂停、倍速（0.5x~4x）、拖时间轴、对比当前代码、导出

配置

回放文件格式

JSONL（每行一个 JSON 对象）：meta / snapshot / change / fileEvent / end 五类记录，t 为录制开始后的毫秒数。

开发

• npm install
• npm run compile 编译
• npm test 核心库单元测试（Vitest）
• npm run test:integration 集成测试（@vscode/test-electron）
• F5 在扩展开发宿主中调试