使用Visual Studio Code调试Node.js

Question

我尝试使用Visual Studio Code来调试一个Node.js项目，但是我没有成功。我使用以下命令构建了一个简单的项目：

express myExpressApp
cd myExpressApp
npm install
npm start

我的文件launch.json如下：

我在“Debug”窗口中选择了“Launch app.js”选项。应用程序没有问题地运行。我设置了一个断点：

然后我在Chrome中输入地址：http://localhost:3000/。Visual Studio Code会显示“Pause on breakpoint”，但是我看不到任何东西。我可以按“Continue”键，然后应用程序继续执行...。

补充说明：我正在使用OS X 10.10（我已经测试过，在Ubuntu中它可以完美运行）。

- jcabello

---

这是一个演示如何在VSC中配置nodjs express调试的例子：http://wiki.workassis.com/nodejs-express-debugging-using-visual-studio-code/ - Bikesh M

Answer 1

VSCode 0.8.0与0.12.0以下版本的Node存在问题，建议将Node升级到至少0.12.0版本，或者等待即将发布的VSCode 0.9.0版本。

- Andre Weinand

---

我之前使用的是Node版本4.0.0，现在已经升级到了4.1.1，而且运行得非常完美 =) - jcabello

Answer 2

在使用Visual Studio Code进行调试时，当您遇到断点时，有很多事情可以做。

为了进入“调试”视图，您可以单击左侧的“bug”图标或按Ctrl + Shift + D。

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

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

在VS Code中调试的更常用的功能部分之一是调试控制台。在调试视图中，有一个小图标紧挨着您正在使用的配置，它看起来像CLI字符。您可以单击它，也可以只需执行命令面板搜索（Ctrl + Shift + P）Debug: open Console。这将为您的特定调试命令打开调试控制台。 VS Code调试文档非常全面，因此我建议您查看这个。

- Thomas Stringer

---

谢谢你的回答。我按照VS Code调试文档的说明操作，但是它对我没有用。断点没有以黄色显示，一切都是空的。很奇怪，我可能不是唯一遇到这个问题的人... 截图。 - jcabello

@jcabello 嗯...看起来确实不一致。你目前使用的VS Code版本是什么？尝试更新到刚刚发布的最新版本。 - Thomas Stringer

@tr_stringer 我使用的是VS Code版本0.8.0。请问最新版本是否已经发布？ 我使用的操作系统是OS X Yosemite 10.10，谢谢！ - jcabello