如何让VS Code识别嵌套文件夹中的launch.json调试配置？

方法一：通过顶层launch.json导入子配置 #

在front-end/.vscode/launch.json中使用extends字段，直接导入子文件夹的调试配置文件，所有配置会自动合并到调试面板中：

{
  "version": "0.2.0",
  "configurations": [
    // 保留顶层自身的调试配置
    {
      "name": "Front-end: 根目录调试",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/index.js"
    }
  ],
  // 导入子文件夹的launch.json
  "extends": [
    "./apps/e2e/.vscode/launch.json",
    "./apps/website/.vscode/launch.json"
  ]
}

注意事项 #

• 子文件夹的launch.json中，路径变量需调整为相对于工作区根目录的路径，例如将${workspaceFolder}替换为${workspaceFolder}/apps/e2e（若子配置涉及路径）。
• 建议在子配置的name字段前添加标识（如E2E: 、Website: ），方便在调试面板中区分不同来源的配置。

方法二：手动复制子配置到顶层文件 #

若不想使用extends，可直接将e2e和website文件夹内的调试配置复制到顶层launch.json的configurations数组中，同步修改路径变量并添加名称标识即可。

说明 #

VS Code默认仅加载工作区根目录下的.vscode/launch.json，子文件夹的配置不会被自动扫描。上述方法无需将子文件夹添加为独立工作区文件夹，即可让所有调试配置生效，满足你在不同子文件夹工作时使用对应配置的需求。

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