VS Code的多目标调试：同时调试多个进程-VSCode-PHP中文网

VS Code的多目标调试：同时调试多个进程

P粉986688829

发布： 2025-12-05 21:00:45

原创

922人浏览过

VS Code可通过launch.json配置多个调试配置并用compounds组合启动多进程调试；需确保各配置name唯一、端口不冲突、依赖关系合理，并利用调试视图高效管理会话。

vs code的多目标调试：同时调试多个进程

VS Code 支持同时调试多个进程，关键在于合理配置 launch.json 中的多个调试配置，并通过 复合配置（compounds） 启动它们。

配置多个独立的 launch 配置

在 .vscode/launch.json 的 configurations 数组中，定义多个调试项，每个对应一个进程。例如：

一个 Node.js 后端服务（如 Express）
一个前端开发服务器（如 Vite 或 Webpack Dev Server）
一个独立的 worker 进程或 CLI 工具

确保每个配置有唯一 name，并正确设置 type、program（或 request、url 等），以便 VS Code 能分别启动和附加。

用 compounds 组合启动多个调试器

在 launch.json 根层级添加 compounds 字段，引用多个已定义的 name：

"compounds": [
  {
    "name": "Backend + Frontend",
    "configurations": ["Launch Server", "Launch Client"]
  }
]

登录后复制

保存后，调试面板的下拉菜单会出现 “Backend + Frontend” 选项，点击 ▶ 即可一键启动两个进程，并各自进入调试状态。

十天学会PHP教程

以前写了十天学会ASP，十天学会ASP.NET什么的，现在想想再写个PHP吧，也算比较全了。 PHP的调试方法我这里就不说了，外面很多文章都有介绍，也有很多不同的组合。我这里暂时是以 Apache web server 和 MY SQL 作为WEB服务器和数据库，在php-4.3.3下的环境做的程序。当然要简单的构建和访问查看数据库 PHPMYADMIN 不可少。

502

查看详情

注意端口、启动顺序与依赖关系

多进程调试常见问题往往不是配置本身，而是运行时冲突：

避免端口占用：前后端不要监听同一端口（如都用 3000）
控制启动节奏：如果前端依赖后端就绪，可在前端配置中启用 webRoot + skipFiles，或使用 preLaunchTask 触发等待脚本（如 sleep 2s && npm start）
调试器兼容性：确认所用扩展（如 Node Debug, Chrome Debugger, Python）都已安装且版本匹配