掌握vscode调试需先创建launch.json配置文件，以node.js为例通过命令面板添加配置并指定入口文件，随后可启动调试会话并在断点处查看变量与调用栈；支持条件断点、日志断点和函数断点，结合调试控制栏实现单步执行与表达式求值；通过扩展支持python、go及chrome前端调试，配合attach模式可远程调试；在多服务场景中利用compounds组合多个配置，并结合tasks.json预编译或启动依赖服务，提升复杂项目调试效率。
调试是开发过程中不可或缺的一环。VSCode 作为目前最受欢迎的代码编辑器之一，内置了强大且灵活的调试功能，支持多种语言和运行环境。掌握其调试器，不仅能快速定位问题，还能提升开发效率。下面从基础配置讲起，逐步深入到复杂场景的应用。
基础配置：启动第一个调试会话
要使用 VSCode 调试功能，首先需要在项目根目录下创建 .vscode/launch.json 文件。这个文件定义了调试器如何启动程序。
以 node.js 项目为例：
1. 打开命令面板（Ctrl+Shift+P），输入 “Debug: Add Configuration”。
2. 选择环境，如 Node.js，VSCode 会自动生成一个基础 launch.json。
3. 修改 program 字段指向你的入口文件，例如 ${workspaceFolder}/app.js。
之后点击侧边栏的“运行和调试”图标，选择配置并启动。程序会在断点处暂停，你可以查看调用栈、变量值和表达式求值。
断点与调试控制：精准掌控执行流程
断点是最常用的调试手段。在代码行号左侧点击即可设置普通断点。VSCode 还支持以下高级断点类型：
- 条件断点：右键断点，设置触发条件，比如 i > 10，避免频繁中断。
- 日志断点：不中断执行，仅向调试控制台输出信息，适合观察循环中的变量变化。
- 函数断点：按函数名触发，适用于没有源码或动态加载的场景。
调试控制栏提供继续、单步跳过、单步进入、跳出等按钮，帮助你逐行分析逻辑。结合“调试控制台”，可实时执行表达式，比如调用函数或修改变量，验证假设。
多语言与远程调试：扩展调试边界
VSCode 调试器通过调试扩展支持多种语言。例如：
- Python：安装 Python 扩展后，launch.json 可配置 python 路径和参数，支持虚拟环境。
- Go：需安装 Delve，配置 mode 为 debug 或 remote。
- Chrome 调试：配合 Debugger for Chrome 扩展，可调试前端代码，甚至 vue/react 组件。
对于远程服务，可使用 attach 模式连接已运行的进程。比如 Node.js 启动时加上 –inspect=9229，然后在 launch.json 中配置 remoteRoot 和 localRoot，实现本地源码映射调试远程服务。
复合调试与自动化：应对复杂工程场景
现代应用常由多个服务组成。VSCode 支持“复合启动”，即同时运行多个调试配置。
例如微服务架构中，可在 launch.json 中定义多个配置，并在 compounds 字段中组合：
{
“name”: “API + Worker”,
“configurations”: [“Launch API”, “Launch Worker”]
}
还可以结合 tasks.json，在调试前自动编译代码或启动依赖服务。比如设置 preLaunchTask 编译 typescript，确保调试的是最新代码。
利用这些能力，可以还原真实运行环境，高效排查跨服务调用问题。
基本上就这些。VSCode 调试器看似简单，但合理配置后能应对绝大多数开发场景。关键是理解 launch.json 的结构，熟悉断点类型，并根据项目需求灵活组合。调试不是目的，快速理解系统行为才是。掌握这些技巧后，你会发现自己写代码更有底气。