让面试官眼前一亮的调试方法

我做 Web 前端二面面试官以来，经常需要观看候选人写代码，包括现场面试和视频面试。

视频面试使用 MindLinker 的共享屏幕功能，候选人可以在自己的电脑用 VSCode 写代码，然后将屏幕共享给面试官。

在面试的过程中常常遇到候选人不太习惯使用 VSCode 调试，定位问题有些低效。

因为我以前有使用 Visual Studio 开发 C# 的经验，所以特别喜欢用 F5 开启 IDE 断点调试，使用 VSCode 写 JS 也是如此。

其实用 VSCode 调试 JS 代码特别简单，只需要把以下代码放到项目根目录 .vscode/launch.json 中，其中重点在 "program": "${workspaceRoot}/${relativeFile}", 这一行，其中 relativeFile 代表当前打开的文件，可以参考 VSCode 文档 code.visualstudio.com/docs/editor…

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "program": "${workspaceRoot}/${relativeFile}",
            "cwd": "${workspaceRoot}"
        },
        {
            "type": "node",
            "request": "attach",
            "name": "附加到进程",
            "port": 5858
        }
    ]
}

这样一来，任何时候，只需要在当前文件按下 F5 即可启动 VSCode 调试，打上断点就能一步步定位问题了。