如何在VSCode中使用Bun.sh调试JavaScript/TypeScript代码

Bun目前已支持VSCode调试，官方提供了对应扩展简化配置，同时兼容Node.js调试协议。以下是两种可行的配置方式：

方式一：使用官方Bun VSCode扩展（推荐） #

1. 先在VSCode扩展市场安装Bun for Visual Studio Code扩展
2. 在.vscode/launch.json中添加对应配置：
   • 调试当前打开的TS/JS文件：

     {
       "version": "0.2.0",
       "configurations": [
         {
           "name": "Bun: Debug Current File",
           "type": "bun",
           "request": "launch",
           "program": "${file}",
           "cwd": "${workspaceFolder}"
         }
       ]
     }
     

   • 调试package.json中定义的脚本（比如名为start的启动脚本）：

     {
       "version": "0.2.0",
       "configurations": [
         {
           "name": "Bun: Debug Script",
           "type": "bun",
           "request": "launch",
           "script": "start",
           "cwd": "${workspaceFolder}"
         }
       ]
     }
     

方式二：兼容Node.js调试协议（无需扩展） #

如果不想安装扩展，可基于Node.js调试类型配置，关键是添加--inspect参数让Bun开启调试模式，修改你的配置如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Bun",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "runtimeExecutable": "bun",
      "runtimeArgs": ["run", "--inspect", "${file}"]
    }
  ]
}

关于Bun调试功能的状态 #

Bun的调试功能已从早期实验性阶段转为正式支持，目前可正常使用断点、变量查看、调用栈追踪等核心调试功能。官方文档和路线图可能存在更新滞后的情况，当前版本的Bun调试能力已能满足日常开发需求。

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