如何在VSCode中移除TypeScript注解并复制可浏览器测试的JS代码

方法一：利用VS Code内置转换功能 #

• 选中目标TypeScript代码块
• 打开命令面板（Windows/Linux按Ctrl+Shift+P，Mac按Cmd+Shift+P）
• 输入并执行TypeScript: Transpile Selected TypeScript to JavaScript命令
• 转换后的合法JS代码会自动复制到剪贴板，直接粘贴到浏览器控制台或<script>标签即可测试

方法二：使用在线TS转JS工具 #

• 打开TypeScript官方在线Playground（或同类工具）
• 将选中的TS代码粘贴到左侧编辑区域
• 右侧会实时生成剔除TS专属语法（类型注解、接口等）的JS代码，直接复制右侧代码就能在浏览器中运行

方法三：手动快速清理（适合简单代码片段） #

• 删除所有类型注解：比如把const username: string = "test"改成const username = "test"
• 移除TS专属语法：删掉接口、类型别名等仅TS支持的代码，比如interface User { id: number }直接删除
• 转换枚举为普通对象：比如enum Role { Admin, User }改成const Role = { Admin: 0, User: 1 }

内容的提问来源于stack exchange，提问作者neaumusic