掌握 launch.json 配置可显著提升调试效率，其核心字段包括 name、type、request、program 等，支持多配置管理与变量引用（如 ${workspaceFolder}）实现跨平台协作；通过 preLaunchTask、autoAttach、console 类型设置及远程路径映射等高级配置，结合条件断点与日志点，实现精准高效的调试控制。
调试是开发过程中不可或缺的一环，而 VSCode 提供了强大且灵活的调试功能，核心就在于 launch.json 配置文件。掌握其高级配置方式，能极大提升调试效率和精准度。
理解 launch.json 的基本结构
该文件位于项目根目录下的 .vscode/launch.json，定义了调试会话的启动参数。一个典型的配置包含以下关键字段：
- name：调试配置的名称，显示在调试面板中
- type：调试器类型，如 node、python、cppdbg 等
- request：请求类型，launch（启动程序）或 attach（附加到进程）
- program：要运行的入口文件路径，常配合变量如 ${workspaceFolder}
- args：传递给程序的命令行参数
- env：设置环境变量
- cwd：程序运行的工作目录
VSCode 支持多配置管理，可在同一个文件中定义多个调试任务，并通过下拉菜单切换。
使用变量提升配置灵活性
硬编码路径不利于团队协作和跨平台使用。VSCode 提供一系列预定义变量，让配置更具通用性：
- ${workspaceFolder}：当前打开的项目根目录
- ${file}：当前打开的文件路径
- ${fileBasename}：当前文件名（含扩展名）
- ${fileDirname}：当前文件所在目录
- ${command:pickProcess}：交互式选择要附加的进程
- ${input:variableName}：引用自定义输入，适合动态传参
例如，用 ${workspaceFolder}/src/index.js 替代绝对路径，确保配置在不同机器上都能正常工作。
高级调试场景配置技巧
针对复杂项目，可利用高级配置实现精细化控制：
- 启用 autoAttach 功能，在 Node.js 子进程中自动附加调试器
- 配置 preLaunchTask，在启动调试前自动执行构建任务（如 tsc 编译）
- 使用 postDebugTask 清理资源或重启服务
- 通过 console 字段指定控制台类型：integratedTerminal、externalTerminal 或 internalConsole
- 对 Web 应用结合 Chrome Debugging Protocol，使用 type: pwa-chrome 调试前端代码
对于远程调试，可设置 remoteRoot 和 localRoot 实现路径映射，确保断点正确命中。
条件断点与日志点的高效使用
除了 launch.json 配置，调试时可右键代码行设置条件断点，仅在表达式为真时暂停。例如，只在循环变量 i === 5 时中断。
还可创建日志点（Logpoint），输出变量值而不中断执行，格式如：当前值：{i}。这对高频调用函数非常有用，避免频繁中断影响流程。
基本上就这些。合理利用 launch.json 的各项能力，能让调试从“找问题”变成“精准定位”，显著提升开发体验。
