debugging - 如何使用 VSCode 中的 npm run 脚本进行调试？

Question

我之前使用 gulp 并运行 gulp 从 Visual Studio Code debugger 启动我的应用程序和监听器但最近需要切换到通过 npm 运行脚本。不幸的是，在 VSCode 中，我无法通过调试器运行 npm 脚本，因此我不得不求助于运行 node 来直接启动我的服务器，这摆脱了我的自动重新加载代码的监听器任务。

这看起来应该很简单，但到目前为止我还没有太多运气。下面是我尝试使用的 launch.json 文件中的一个片段，但无法找到 npm。

{
    ...
        "program": "npm",
        "args": [
            "run",
            "debug"
        ],
    ...
}

这给了我以下错误。

Error request 'launch': program 'c:\myproject\npm' does not exist

相关资源:

• https://github.com/Microsoft/vscode/issues/2726

Answer 1

自 release from October 2016 以来，VS Code 似乎将支持 npm 脚本和其他启动方案。 .

下面是一个示例 proposed on GitHub但已调整为使用 --inspect-brk 而不是最初提出的 --debug-brk 选项。

packages.json

  "scripts": {
    "debug": "node --nolazy --inspect-brk=5858 myProgram.js"
  },

vscode 启动配置

{
    "name": "Launch via NPM",
    "type": "node",
    "request": "launch",
    "cwd": "${workspaceRoot}",
    "runtimeExecutable": "npm",
    "runtimeArgs": [
        "run-script", "debug"
    ],
    "port": 5858
}

截至 2022 年夏季的 Visual Studio Code 最新更新表明，有多种方法可以 set up debugging support with Node.js 。这些方法包括自动附加到从 VSCode Integrated Terminal 启动的任一进程。或JavaScript debug terminal ，或使用传统的 launch config现在已被广泛记录。