vs code 无内置录屏功能,所谓“录制”分录屏(系统级)和模拟输入(行为重现)两类;code-editing-simulation 插件仅按设定速度调用 api 模拟输入文本,不捕获画面、不录操作,需配合系统录屏工具或 obs 等实现完整教学视频。

VS Code 本身不带屏幕录制功能,也没有官方“录制代码操作过程”的插件;所谓“录制”,实际分两类:一类是录屏(系统级),一类是模拟输入(行为重现)。直接装个“VS Code 录制插件”想点一下就生成教学视频,基本会踩坑。
vscode-code-editing-simulation 插件只模拟输入,不录屏
这个插件(code-editing-simulation)名字容易误导——它不捕获画面、不生成 MP4、不录键盘鼠标动作。它只做一件事:在光标处按设定速度(如 50 毫秒/字符)把文本文件里的内容“打出来”,视觉上像手敲,但本质是 API 调用 editor.insert() 的批量触发。
- 适合场景:已有写好的代码片段,想在录屏时避免手动重敲,保持节奏一致
- 不适用场景:需要记录你真实选中、拖拽、右键、切换标签页、调终端等交互
- 常见错误:装完插件发现没“录制按钮”,是因为它压根不提供录制能力,只提供“输入动画”
- 配置关键项:
打印速度(毫秒/字符)太快(如设成5)会导致卡顿或丢字符;太慢(如200)则像机器人,失去自然感
真正录屏得靠系统工具或专用扩展
VS Code 内部无法访问桌面帧缓冲区,所以所有“录制”都必须绕到外部。目前可靠路径只有两条:
- 用系统自带工具:Windows 的
Xbox Game Bar(Win+G)、macOS 的QuickTime Player(文件 → 新建屏幕录制)、Linux 的obs-studio或simplescreenrecorder - 用 VS Code 扩展间接配合:比如
Live Share+ 第三方录屏(共享会话时录对方操作),或Quokka+ 手动录编辑器区域(它实时显示结果,方便聚焦代码区) - 避坑提示:不要搜“vscode screen recorder”装来路不明的扩展,很多已下架或权限异常(如要求“读取所有网站数据”)
推荐工作流:模拟输入 + 区域录屏 + 后期剪辑
这是目前最可控、画质最好、也最容易复用的方式:
- 先用
code-editing-simulation把核心代码块“打出来”,中间停顿用@保存@触发保存,方便后期按保存点切片 - 录屏时只框选 VS Code 编辑器区域(去掉侧边栏、状态栏、终端,除非必要),分辨率设为
1920×1080或1280×720,帧率30fps - 用
OBS或Capto(macOS)加鼠标点击高亮插件(如Mouseposé),让观众看清光标位置 - 注意:VS Code 默认禁用硬件加速时,录屏可能出现黑屏或花屏,需在设置里打开
hardwareAcceleration或启动时加参数--disable-gpu测试
真正难的不是“怎么让代码动起来”,而是让操作节奏可信、停顿合理、重点可感知。插件只解决“输入动画”这一环,其它全得靠你对教学逻辑的预判和剪辑时的手动卡点。











