vscode怎么调试代码 vscode调试功能的快速入门

下次还敢

发布时间：2025-06-22 09:15:02

874人浏览过

来源于php中文网

原创

vs code调试代码的正确方法是通过配置launch.json文件并使用断点控制执行流程。1. 首先，创建launch.json文件以定义调试配置，包含type（调试器类型）、request（请求方式）、name（配置名称）和program（入口文件），如调试node.js程序时指定"node"类型并设置入口文件为index.js；2. 设置断点：点击行号左侧添加红色断点，程序运行到该行时会暂停；3. 启动调试：点击调试图标或按f5启动程序，程序在断点处暂停后可观察变量值；4. 使用单步执行功能：step over（f10跳过函数）、step into（f11进入函数）、step out（shift+f11跳出函数）、continue（f5继续执行）跟踪代码逻辑；5. 支持多语言调试：javascript/python/java/c++等均需安装对应扩展并配置launch.json参数；6. 可实现远程调试：通过配置服务器ip和端口进行远程调试；7. 使用高级功能：条件断点（满足条件才暂停）和日志点（输出日志不暂停）提升调试效率；8. 若断点无效，检查是否代码未被执行、被优化、缓存问题或launch.json配置错误。掌握这些技巧能显著提升代码调试效率。

vscode怎么调试代码 vscode调试功能的快速入门

VS Code调试代码，简单来说，就是让你的代码运行慢一点，你可以随时暂停，看看变量的值，单步执行，看看代码到底是怎么走的。这就像医生给病人做检查，哪里不对劲，一目了然。

掌握VS Code调试功能，能让你告别 console.log 大法，效率提升N倍！

VS Code 调试功能的快速入门

调试前的准备：配置启动文件 launch.json

第一次调试，VS Code 会提示你创建一个 launch.json 文件。这个文件定义了调试器的配置，告诉 VS Code 如何启动你的程序，以及要调试哪个文件。

不同语言的配置方式略有不同，VS Code 会根据你当前打开的文件类型给出建议。比如，如果你打开的是一个 JavaScript 文件，它会建议你使用 Node.js 的调试配置。

一个典型的 launch.json 文件可能长这样（以 Node.js 为例）：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": [
        "/**"
      ],
      "program": "${workspaceFolder}/index.js"
    }
  ]
}

type: 调试器的类型，这里是 node，表示 Node.js 调试器。
request: 请求类型，launch 表示启动程序进行调试。
name: 调试配置的名称，可以自定义。
program: 要调试的入口文件，${workspaceFolder}/index.js 表示当前工作区目录下的 index.js 文件。

你可以根据自己的需要修改这些配置。比如，如果你需要传入命令行参数，可以添加 args 字段：

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "skipFiles": [
    "/**"
  ],
  "program": "${workspaceFolder}/index.js",
  "args": ["--port", "3000"]
}