VsCode Debugger

2024年12月21日

柏拉文

越努力，越幸运

一、认识

---

在 VS Code 中调试 Node.js 应用非常简单，VS Code 提供了强大的调试支持。以下是如何在 VS Code 中调试 Node.js 应用的步骤：

二、操作

---

VS Code 使用 launch.json 文件来定义调试配置。通常情况下，VS Code 会自动生成该文件。如果没有自动生成，可以手动创建并配置调试任务。

2.1 调试面板

打开调试面板，点击侧边栏的 调试图标（或者按 Ctrl + Shift + D）。

2.2 创建配置

点击 创建一个 launch.json 文件, 在弹出的选择框中，选择 Node.js。VS Code 会自动为你生成一个默认的调试配置。

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Bolawen Debugger",
      "skipFiles": ["<node_internals>/**"],
      "program": "${workspaceFolder}/node/debugger/index.js",
      "outFiles": ["${workspaceFolder}/**/*.js"],
      "env": {
        "NODE_ENV": "development",
        "PORT": "3000"
      }
    }
  ]
}

• env: 为程序中添加环境变量

• type: 调试类型，指定为 node。

• request: 配置为 launch，表示启动程序来调试。

• program: 设置你的 Node.js 程序入口文件路径。

2.3 启动调试

配置好 launch.json 后，点击调试面板顶部的绿色 播放按钮（或者按 F5）来启动调试。VS Code 会启动 Node.js 应用并开始调试。

• 调试过程中，VS Code 会自动在代码中设置断点，你可以在代码文件中点击左边的行号 来设置断点。

• 如果程序运行到断点，调试器会暂停执行，允许你检查变量、堆栈、调用堆栈等信息。