如何使用 VSCode 和 grunt-contrib-connect 附加到节点

Question

我无法使用 Visual Studio Code 调试我的节点应用程序。

我的.vscode/launch.json 看起来像这样：

{
  "version": "0.2.0",
  "configurations": [{
    "name": "Attach",
    "type": "node",
    "request": "attach",
    "port": 9001
  }]
}

我使用grunt-contrib-connect 来启动我的网络服务器。我的连接任务是这样定义我的gruntfile.js 的：

connect: {
  server: {
    options: {
      debug:true,
      port: 9001,
      base: '.',
      livereload: true,            
    },
  },
},

通过上述任务成功启动 Web 服务器后，我尝试从 VSCode 进行附加，但除了一些 UI 闪烁之外，似乎没有任何反应。没有击中断点。

我阅读了VS Code Debugging Documentation，尤其是将 VS 代码附加到节点部分，这就是我将debug:true 添加到我的连接任务的原因。然而，这似乎并没有解决任何问题。

Answer 1

如果我正确理解了 grunt-contrib.connect 中的“端口”，那么这是网络服务器将响应的端口，而不是调试端口。

因此，在您的 .vscode/launch.json 中，您必须指定调试端口而不是网络服务器端口。由于 grunt 使用节点，我假设调试端口是节点的默认端口 5858。