专门用于(比赛中演戏 / 上课讲解 / 录屏装X)这些需要边讲边敲的场景

本插件支持类似真人的代码输出顺序,不用担心被看穿,这是一个的专业表演工具,请放心的交给我

随便敲击键盘,插件自动帮你输出预先准备好的代码,优先输出 {}、() 等一系列结构性字符,再返回{}中回车继续打字,模拟类似真人的打字顺序,观众/评委看起来你在流畅地写代码,实际上你只需要专注讲解

DemoTyper Demo

喜欢的话,请给我们一个Start!


开始使用吧

1. 准备目标代码

准备一个完善的代码文件,例如:

function fibonacci(n) {
    if (n <= 1) return n;
    return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10));

2. 保存目标代码文件

在文件资源管理器中右键点击该文件,点击 → DemoTyper:Set as Demo Target File

3. 准备需要展示的代码部分

重要:在同一个文件中删除部分内容,保存文件。例如删除函数体:

function fibonacci(n) {

}

console.log(fibonacci(10));

4. 开启秘密模式,表演开始

Ctrl+Shift+Alt+S(Mac: Cmd+Shift+Alt+S

接下来可以随便敲击键盘

侧边栏功能

DemoTyper 提供了一个侧边栏面板,方便你:

  • 一键切换秘密模式
  • 设置/清除保存的文件
  • 查看当前状态
  • 快速访问设置

关于插件的安装

方式一:从 VS Code自带插件商店下载

  1. 在 VS Code 插件商店中搜索“ DemoTyper ”
  2. 直接点击下载,VS Code提示安装成功,即可使用

方式二:从 VSIX 安装

  1. Releases 下载最新的 .vsix 文件
  2. 拖动vsix文件到编辑器的右侧项目文件中
  3. 右击 .vsix 文件
  4. 点击弹窗最下面的 “安装扩展 VSIX”

方式三:从源码构建

git clone https://github.com/fcmNaNo2/demotyper.git
cd demotyper
npm install
npm run compile
npx vsce package

编译完成后会生成 .vsix 文件,使用方式二安装。


项目信息


发现问题,可以通过评论/右侧时光机中我的邮箱进行反馈

最后修改:2026 年 02 月 19 日
如果觉得我的文章对你有用,请随意赞赏