使用 Visual Studio Code 调试节点 js

Question

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

express myExpressApp
cd myExpressApp
npm install
npm 开始

我的文件launch.json：

我在“调试”窗口中选择了“启动 app.js”选项。应用程序运行没有问题。我放了一个断点：

我在 Chrome 中给出地址：http://localhost:3000/

Visual Studio Code 说：“在断点处暂停”，但我什么也没看到，我可以按 Continue 并且应用程序继续...

已编辑：我使用的是 OS X 10.10（我对其进行了测试，它在 Ubuntu 中运行良好。）

Answer 1

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

Answer 2

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

要进入“调试”视图，您可以单击左侧的“错误”图标或点击Ctrl + Shift + D。

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

您还可以在此处查看变量窗口以查看变量的值（本地/全局/闭包/等）。

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

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