VS Code 调试用 Compound 同时启动多个调试目标的实现方法
来源:17golang原创
时间:2026-09-15 22:43:13 351浏览 收藏
前后端联调时,如果每次都分别点击两个调试配置,容易漏启动一个目标。VS Code 的 Compound 可以把已有的两个或多个 launch 配置按名称组合起来,用一次 F5 并行启动。本文只处理 launch.json 的组合关系,不涉及具体语言调试器的安装。
官方地址:https://code.visualstudio.com/docs/debugtest/debugging
- 先保证每个单独调试配置都能正常出现在运行和调试下拉框中。
- Compound 的
configurations引用的是配置的name,不是文件名。 - 启动后要在 CALL STACK 和 DEBUG CONSOLE 核对两个会话,再决定是否使用
stopAll。
准备工作:先让两个调试目标各自可启动
打开项目文件夹,在左侧活动栏选择“运行和调试”。如果还没有配置,点击“创建 launch.json 文件”,选择项目对应的调试环境。VS Code 会在项目根目录创建 .vscode/launch.json。已有配置时,先在配置下拉框中分别选择两个目标并单独按 F5,确认它们不是因为路径、入口文件或扩展缺失而失败。
每个 launch 配置至少要有 type、request 和 name。Compound 后续只认识 name,因此建议使用稳定且一眼能区分的名称,例如 Server 和 Client。
在 launch.json 中组合并行调试目标
在资源管理器打开 .vscode/launch.json,保留原来的 configurations 数组,然后在同一个 JSON 根对象中增加 compounds。下面是一个可按项目入口替换的最小结构;JSON 不支持注释,所以字段含义放在代码块之后说明。
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Server",
"program": "${workspaceFolder}/server.js"
},
{
"type": "node",
"request": "launch",
"name": "Client",
"program": "${workspaceFolder}/client.js"
}
],
"compounds": [
{
"name": "Server + Client",
"configurations": ["Server", "Client"],
"stopAll": true
}
]
}
configurations 里的两个字符串必须与上方配置的 name 完全一致;program 只是 Node 示例,换成 Python、Go 或其他调试器时,应使用对应扩展支持的字段。stopAll: true 表示手动停止其中一个会话时联动停止 Compound 中的其他会话;如果你希望单独保留另一个目标运行,可以改为 false 或省略。

保存文件后回到“运行和调试”视图,打开配置下拉框。除了 Server、Client 这样的单目标项,还应出现 Server + Client。若没有出现,先检查 JSON 括号、逗号和名称拼写;不要把 Compound 名称写进 configurations 数组内部。
选择 Compound 并确认两个会话都已启动
在“运行和调试”视图顶部的配置下拉框选择“Server + Client”,点击绿色开始按钮或按 F5。启动过程中先看调试工具栏和 CALL STACK:两个单独会话应作为顶层元素出现,而不是只有一个名称。VS Code 的多目标调试模式下,工具栏动作作用于当前活动会话,可以用下拉框或点击 CALL STACK 的另一项切换。
再打开 DEBUG CONSOLE,分别观察两个目标的启动输出。这里要核对的是“两个会话都存在且各自有输出”,不是要求所有项目都必须打印固定文本。若只看到一个会话,回到单目标配置检查;若两个会话都在但某一项立即退出,优先排查该目标自身的入口和参数。

常见问题:配置出现但启动结果不对
Compound 为什么不在下拉框中?
最常见原因是 launch.json 语法错误、没有打开项目文件夹,或 compounds 没有放在根对象层级。先让编辑器的红色波浪线消失,再重新打开运行和调试视图。
为什么配置名称改了以后 Compound 失效?
Compound 使用字符串匹配 name。重命名单目标后,必须同步修改 compounds.configurations 中的引用;仅修改 Compound 自己的显示名称不够。
stopAll 应该设为 true 还是 false?
联调时通常选 true,停止一个目标就结束整组,避免留下孤立进程。需要保留服务端继续运行、只重启客户端时,再选择 false,并确认项目能承受两个会话独立生命周期。
最终确认清单
| 检查项 | 正确状态 |
|---|---|
| 入口 | 项目根目录存在 .vscode/launch.json |
| 引用 | Compound 的 configurations 与单目标 name 完全一致 |
| 启动 | 下拉框出现 Compound,F5 后 CALL STACK 有两个顶层会话 |
| 停止策略 | stopAll 与是否联动停止的团队习惯一致 |
这样配置后,多个目标仍然保持各自独立的调试参数,但入口被收敛为一个可复用的 Compound。以后新增目标时,只需先新增并验证单目标配置,再把它的准确 name 加入对应 Compound。
-
文章 · 软件教程 | 17分钟前 | MCN内容生产 · LibTV教程 · 短视频制作 · 内容审核流程 · 创作者工具 · MCN用LibTV跑通内容 LibTV选题卡填写方法 LibTV镜头表制作规范 LibTV三关口审核流程 短视频内容生产实操教程304 收藏
-
文章 · 软件教程 | 39分钟前 | LibTV教程 · 影视团队协作 · AI视频交付 · 项目归档管理 · 视频后期实操 · LibTV专业视频交付方法 LibTV成片复核步骤 AI视频项目素材归档规范 专业视频交付修改说明指南 视频项目交付清单制作技巧327 收藏
-
文章 · 软件教程 | 1小时前 | AI视频创作 · LibTV教程 · 短片制作全流程 · 影视团队协作 · 视频项目管理 · LibTV完整短片制作教程 专业视频创作者AI短片工作流 LibTV镜头清单制作方法 AI生成短片交付复盘步骤 智能台灯宣传短片制作案例356 收藏
-
文章 · 软件教程 | 1小时前 | 需求管理 · 墨刀教程 · 产品工具 · AI原型制作 · UI原型实操 · 墨刀AI原型需求对齐 AI生成UI原型排查方法 AI原型页面状态校验 UI原型改稿范围控制 墨刀AI实用技巧241 收藏
-
500 收藏
-
文章 · 软件教程 | 2小时前 | 墨刀AI · 产品工具教程 · UI原型制作 · 产品原型入门 · 原型评审规范 · 墨刀AI新手做UI原型 墨刀AI原型制作完整步骤 设备巡检UI原型教程 墨刀AI页面清单制作 UI原型状态走查方法485 收藏
-
文章 · 软件教程 | 2小时前 | 墨刀AI · 研发协作 · PRD编写 · 产品工具教程 · 需求文档优化 · 墨刀AI需求文档补全 空泛PRD修正方法 产品经理PRD编写技巧 需求验收条件设置 业务规则梳理方法425 收藏
-
文章 · 软件教程 | 3小时前 | 墨刀AI · AI辅助产品设计 · 产品工具教程 · 需求文档生成 · PRD编写教程 · 墨刀AI生成需求文档 PRD快速编写教程 产品经理AI写需求 墨刀PRD生成方法 AI评审稿修改技巧432 收藏
-
217 收藏
-
文章 · 软件教程 | 3小时前 | 墨刀教程 · 产品工具实操 · AI原型设计 · 产研需求对齐 · 创业工具指南 · 墨刀AI原型修正 AI生成原型偏差处理 产品原型需求对齐 墨刀原型优化教程 原型偏差诊断方法324 收藏
-
文章 · 软件教程 | 4小时前 | AI辅助产品设计 · 墨刀使用指南 · 产品工具实操教程 · PRD转原型方法 · 原型评审准备 · 墨刀AI生成可评审原型 PRD转原型实操教程 产品需求快速落地方法 原型评审前置校验 墨刀需求处理技巧156 收藏
-
399 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习