Node.js是一种非常流行的开源JavaScript运行时环境，它可以让JavaScript在服务端运行。在开发Node.js应用程序时，经常需要进行调试，以便发现和解决潜在的Bug和错误。在这篇文章中，我们将介绍如何使用VS Code的内置断点调试功能，来帮助你更轻松地调试Node.js应用程序。
准备工作
在使用VS Code的断点调试功能之前，需要首先安装Node.js和VS Code。如果你还没有安装它们，可以按照下面的步骤操作：
创建一个Node.js应用程序
在正式介绍如何使用VS Code的断点调试功能之前，我们需要先创建一个简单的Node.js应用程序，作为示范使用。下面是一个简单的HTTP服务器程序：
----- ---- - ---------------- ----- ------ - ----------------------- ---- -- - --------------------- -------------- ---------- -- ------------------- -- -- - -------------------------------- --
在这个应用程序中，我们创建了一个HTTP服务器，它监听本地的3000端口。当一个HTTP请求到达服务器时，服务器会向控制台输出一条日志，并返回一个包含"Hello World"文本的HTTP响应。
保存这个程序为app.js文件，并通过命令行运行它：node app.js。这个应用程序会继续运行，直到你手动停止它或者通过Ctrl+C键停止它。
使用VS Code的内置断点调试功能
下面将介绍如何使用VS Code的内置断点调试功能，来调试我们的Node.js应用程序。
启动Node.js应用程序
首先，我们需要启动Node.js应用程序，以便VS Code连接到它。在VS Code中，按下F5键，或者点击菜单栏的调试按钮，然后选择启动程序。这将启动Node.js应用程序，并连接VS Code调试器。
添加断点
接下来，我们需要在应用程序中添加断点，以便VS Code可以在达到断点时中断执行。在app.js文件中，点击想要添加断点的代码行的左边界（如下图所示）。这将在选择的代码行上添加一个红点，表示这是一个断点。
在这个例子中，我们添加了两个断点，分别位于第4行和第6行。这意味着当服务端处理每个HTTP请求时，代码执行将在第4行中断（输出一条日志信息），然后在第6行中断（向客户端发送“Hello World”响应）。
运行Node.js应用程序
现在，我们已经准备好运行Node.js应用程序并测试我们的断点。访问http://localhost:3000，可以看到控制台中的日志输出：“收到请求！”。此时，应用程序会在第4行的断点处停止执行。你可以通过查看VS Code的调试界面，了解当前应用程序的状态。在调试界面中，你可以看到代码的当前状态以及可用的调试工具。
你可以使用调试工具栏中的按钮，来控制代码的进一步执行，例如，单个运行代码行，继续执行代码（直到达到下一个断点或代码结束），或者停止应用程序的执行。
代码调试
现在，我们已经达到了第一个断点。接下来，我们将使用VS Code的调试工具来调查代码状态并进行调试。在这个例子中，我们使用F11键进入到函数中，以查看它的执行情况。
在这个界面中，你可以查看当前应用程序的状态，如变量值、堆栈跟踪等等。你可以使用调试工具栏的不同按钮来控制代码的执行，并查看如何更改变量值，以及对应的结果。使用这些工具，我们可以找出代码中的潜在问题，并修复它们，从而确保我们的代码能够正常运行。
结束调试
当你完成了调试并且不再需要断点时，你可以从VS Code中删除它们。在代码行的左边界上，单击断点，然后按下Delete键或右键单击并选择Delete Breakpoint。
总结
在本文中，我们介绍了如何使用VS Code内置的断点调试功能来调试Node.js应用程序。我们首先创建了一个简单的HTTP服务器应用程序作为示范，然后演示了如何在应用程序中添加断点，并如何调试代码。这些技巧可以帮助您更轻松地调试Node.js应用程序，并找到并解决潜在的Bug和错误。
----- ---- - ---------------- ----- ------ - ----------------------- ---- -- - --------------------- -------------- ---------- -- ------------------- -- -- - -------------------------------- --
Reference: https://www.runoob.com/nodejs/node-js-debugging.html https://nodejs.org/en/
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651cf19e95b1f8cacd475692