如何使用VSCode和grunt-contrib-connect连接到节点

我无法使用Visual Studio代码来debugging我的节点应用程序。

我的.vscode/launch.json如下所示:

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

我使用grunt-contrib-connect来启动我的Web服务器。 我的连接任务被定义为我的gruntfile.js像这样:

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

以上任务成功启动Web服务器后,我尝试从VSCode附加,但除了一些UI闪烁,似乎没有任何事情发生。 没有断点被击中。

我阅读了VS Codedebugging文档 ,特别是将VS代码附加到节点部分,这就是为什么我在我的连接任务中添加了debug:true原因。 但是,这似乎并没有解决任何问题。

如果我正确理解grunt-contrib.connect中的“端口”,那么这是web服务器将响应的端口,而不是debugging端口。

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