使用Visual Studio Code调试节点js

时间:2015-09-21 15:46:12

标签: node.js express debugging visual-studio-code

我尝试使用Visual Studio Code在节点JS中调试项目,但我没有实现。 我用下一个命令构建了一个简单的项目:

  

表达myExpressApp
cd myExpressApp
npm install
npm   启动

我的文件launch.json:

enter image description here

我在Window“Debug”中选择选项“Launch app.js”。应用程序运行没有问题。我提出了一个断点:

enter image description here

我在Chrome中提供了地址:http://localhost:3000/

Visual Studio Code说:“在断点暂停”,但我没有看到任何内容,我可以按继续,应用程序继续......

Pause on breakpoint

编辑:我使用OS X 10.10(我测试了它,它在Ubuntu中完美运行。)

2 个答案:

答案 0 :(得分:3)

VSCode 0.8.0存在节点版本低于0.12.0的问题。升级到至少0.12.0或等待即将推出的VSCode 0.9.0。

答案 1 :(得分:1)

使用Visual Studio Code进行调试时,遇到断点时可以执行许多操作。

要转到“调试”视图,您可以点击左侧的“错误”图标或点击Ctrl + Shift + D

您在调用堆栈窗口中看到Paused on breakpoint.。该窗口包含callstack,您可以双击不同的帧以浏览相应的源。

您还可以在此处看到变量窗口,以查看变量的值(local / global / closure / etc.)。

VS Code中调试中较常用的功能部分之一是调试控制台。在调试视图中,您正在使用的配置旁边有一个小图标,看起来像CLI字符。您可以单击该选项,也可以仅为Ctrl + Shift + P执行命令选项板搜索(Debug: open Console)。这将打开您的临时调试命令的调试控制台。

The documentation on VS Code debugging is quite robust, too, so I recommend you take a look at this