Node.js：如何使用 Visual Studio Code 进行调试

前言

Node.js 是一款非常流行的编程语言，同时它也是前端开发中必不可少的组成部分之一。 Visual Studio Code 是一个非常流行的代码编辑器，它集成了调试工具。

本篇文章将会讲解如何在 Visual Studio Code 中使用调试器来调试 Node.js 应用程序，可以帮助开发人员快速定位问题并处理。

步骤

第一步：安装插件

首先，在 Visual Studio Code 中安装插件：node.js debugger。

第二步：创建一个新的 Node.js 应用程序

创建一个新的 Node.js 应用程序并将其保存在某个文件夹中。

第三步：在 Visual Studio Code 中打开文件夹

在 Visual Studio Code 中打开刚才保存 Node.js 应用程序的文件夹。

第四步：配置调试器

打开 Debug 视图中的“launch.json”文件，按照如下配置，将“debugLaunch”设置为“false”：

// javascriptcn.com 代码示例
{
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Node.js program",
            "program": "${file}",
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ],
            "skipFiles": [
                "<node_internals>/**"
            ]
        }
    ]
}

在配置文件中，需要注意的几个参数：

• type：指定调试器的类型为“node”。
• request：指定是运行现有程序还是启动新的程序，这里指定为“launch”。
• name：构建启动调试项的名称。
• program：要调试的程序的入口文件。
• outFiles：指定哪些文件需要编译为 JavaScript。
• skipFiles：跳过“node_internals”的文件。

调试器的响应方式是字母映射，比如“F5”表示“启动程序”。

第五步：启动调试器

现在可以启动调试器了。通过按“F5”键来启动调试器。调试器将启动应用程序并将其执行到断点处。

第六步：设置断点

在要调试的代码行上设置一个断点。可以通过单击行号旁边的空格来设置断点。断点将会被一个小橙点所代表。

第七步：调试应用程序

现在，应用程序将会在断点位置停止，此时可以查看变量值和执行环境等信息。可以使用“F10”和“F11”等按钮来使程序继续执行。

总结

通过使用 Visual Studio Code 进行 Node.js 应用程序的调试，可以帮助开发人员快速定位问题并处理，从而提高开发效率。希望本篇文章能为大家带来一些帮助，让大家在 Node.js 开发中更加得心应手。

示例代码：

var x = 5;
var y = 6;
var z = x + y;
console.log(z);

在该代码中，只有一行计算两个变量之间的和，实际上这个程序是非常简单的。但是在调试一个大型的应用程序时，确切的逻辑可以帮助快速定位问题。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65464dbe7d4982a6eb030431