如何配置VSCode工作区以使用多个子项目DevContainer？

问题背景 #

我正在开发一个Node/JS前端+Python后端的Web应用，原本用两个VSCode实例分别打开前端、后端的DevContainer：

• 每个子项目的DevContainer配置都会挂载整个项目文件夹，工作目录指向对应子文件夹
• 根目录的docker-compose.yml将两个容器和数据库置于同一Docker网络中

项目结构：

my_project/
  docker-compose.yml
  backend/
    .devcontainers/
      devcontainer.json
      docker-compose.yml
      Dockerfile
  frontend/
    .devcontainers/
      devcontainer.json
      docker-compose.yml
      Dockerfile

后端devcontainer.json示例：

{
    "name": "Python & Poetry",
    "dockerComposeFile": [
        "../../docker-compose.yml",
        "./docker-compose.yml"
    ],
    "service": "demo",
    "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
    // 其他配置...
}

现在想通过根目录的VSCode工作区文件（my_project/code-workspace）实现单窗口开发，工作区内容如下：

{
  "folders": [
    {
      "name": "ROOT",
      "path": "."
    },
    {
      "name": "backend",
      "path": "./backend"
    },
    {
      "name": "frontend",
      "path": "./frontend"
    }
  ]
}

但无法在工作区中打开子项目的独立DevContainer；尝试在根目录放置.devcontainer只能启动一套容器，不符合需求。

问题根源 #

VSCode的DevContainer扩展默认仅识别当前工作区根目录的.devcontainer配置，不会自动遍历子文件夹的配置：

• 打开根目录工作区时，扩展找不到根目录的DevContainer配置，不会触发子项目容器启动
• 若根目录有配置，只会启动该套容器，无法同时加载两个子项目的独立DevContainer环境

可行性说明 #

这种“单窗口同时连接多个独立DevContainer”的需求，在VSCode当前架构下原生不支持：

• DevContainer扩展是基于「窗口级」的容器绑定，一个窗口只能关联一套DevContainer环境，无法同时连接多个不同容器
• 每个DevContainer对应独立的运行环境（Python/Node版本、依赖、代理、设置），VSCode窗口上下文只能绑定一套环境变量、终端配置和扩展集合，无法同时适配两套不同环境

替代解决方案 #

方案1：根目录DevContainer整合双环境 #

修改根目录的.devcontainer配置，在同一个容器中同时安装Python和Node环境，实现单容器内开发前后端：

• 优点：完全契合VSCode单窗口单容器逻辑，无需切换环境
• 缺点：容器体积增大，前后端环境可能存在干扰

方案2：远程连接切换 #

保留两个子项目的DevContainer配置，打开根目录工作区后手动切换环境：

1. 先连接到其中一个子项目的DevContainer（如后端）
2. 需要切换时，打开命令面板（Ctrl+Shift+P），执行Dev Containers: Reopen in Container，选择对应子项目的.devcontainer配置路径
3. 切换时VSCode会重新连接容器，工作区文件夹结构保持不变

方案3：多窗口分组 #

保留两个VSCode实例，使用VSCode的「窗口分组」功能（Window: New Window Group）将两个窗口合并到同一框架中，视觉上接近单窗口开发，同时保留各自独立的DevContainer连接

内容的提问来源于stack exchange，提问作者Peter Bosch