vscode 调试 node.js的方法步骤

下面是详细讲解“vscode 调试 node.js的方法步骤”的完整攻略：

前置条件

1. 安装 Node.js 和 Visual Studio Code;
2. 对 Node.js 和 TypeScript 有基本的了解。

方法步骤

1. 打开 Visual Studio Code，打开项目文件夹；
2. 在项目根目录下创建 .vscode 目录，若已经存在则跳过；
3. 在 .vscode 目录下创建 launch.json 文件；
4. 在 launch.json 文件中配置 Node.js 的调试选项：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Node.js",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/app.js"
    }
  ]
}

其中包含三个基本选项：
- name：调试器名字；
- type：使用的调试器类型；
- request：请求类型，例如启动、附加等。

launch.json 文件中的其他选项可以根据具体需要进行设置。

1. 设置断点：在用于测试的代码中设置断点；
2. 按 F5 启动调试。

示例说明

接下来，我们将通过两个实例来说明使用 VS Code 调试 Node.js 的步骤：

示例一：简单的 node.js 程序

假设有一个名为 helloWorld.js 的 Node.js 程序：

console.log("Hello, world!");

我们想要使用 VS Code 调试这个程序。

1. 打开 VS Code，打开 helloWorld 文件夹。
2. 在项目根目录下创建 .vscode 文件夹，进入 .vscode 文件夹并创建 launch.json 文件。
3. 将以下代码添加到 launch.json 文件中：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug HelloWorld",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/helloWorld.js"
    }
  ]
}

这样就完成了配置。
4. 在 helloWorld.js 的第一行添加一个断点。
5. 按 F5 启动调试。

此时，VS Code 将会在 helloWorld.js 的第一行处停下来，你可以使用 F10 （逐语句）或 F11 （逐过程）单步调试程序，查看程序执行的过程。

示例二：使用 Express.js

这个示例通过一个 Express.js 应用程序（参考 Express 官方文档）来展示如何使用 VS Code 调试应用程序。

假设已经安装了 Express.js。我们要调试的项目位于 /path/to/project 目录下。

1. 打开 VS Code，打开 /path/to/project 文件夹。
2. 在项目根目录下创建 .vscode 文件夹，并在 .vscode 中创建 launch.json 文件。
3. 将以下代码添加到 launch.json 文件中：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch Express Server",
      "type": "node",
      "request": "launch",
      "args": ["./bin/www"],
      "cwd": "${workspaceFolder}",
      "protocol": "inspector",
      "runtimeExecutable": "nodemon",
      "port": 9229,
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "outputCapture": "std"
    }
  ]
}

这样就完成了配置。
4. 在 /path/to/project/routes 下的 index.js 文件中添加断点（例如：在第6行添加一个断点）。
5. 使用 VS Code 执行 Launch Express Server。

此时 node.js 服务器将会在 9229 端口启动，并停止在设置的断点。我们可以单步调试代码并查看变量的值。

最后，不要忘记从 VS Code 调试器退出，或是使用 CTRL+C 结束进程。