如何修改VSCode中Edge调试的默认配置文件以复用自定义设置？

可以通过预先配置Edge用户数据模板，并在launch.json中指定模板路径的方式，让新项目自动继承你的自定义开发者工具设置和扩展。具体步骤如下：

1. 制作Edge配置模板 #

• 手动创建一个测试项目，用你现有的launch.json启动Edge，完成所有需要的自定义设置：
  • 调整开发者工具布局、启用常用面板、设置主题等
  • 安装调试所需的Edge扩展
  • 配置其他偏好（如默认快捷键、禁用不必要的提示）
• 完全关闭VSCode和Edge进程，找到该测试项目对应的.profile文件夹（路径为.\data\user-data\User\workspaceStorage\**********\ms-vscode.js-debug\.profile），将整个文件夹复制到VSCode便携版的固定目录，比如.\data\edge-debug-template，作为模板保存。

2. 修改launch.json，指定自定义配置路径 #

在你的通用launch.json中添加userDataDir参数，同时通过runtimeArgs强制使用模板并跳过首次引导，确保每个项目拥有独立配置：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch Edge",
      "request": "launch",
      "type": "pwa-msedge",
      "url": "http://localhost/test/${workspaceFolderBasename}/",
      "webRoot": "${workspaceFolder}/",
      "outputCapture": "console",
      "sourceMaps": true,
      "env": {
        "XDEBUG_MODE": "debug,develop",
        "XDEBUG_CONFIG": "client_port=9000"
      },
      // 指定当前项目的独立配置存储路径
      "userDataDir": "${workspaceFolder}/.edge-debug-profile",
      // 强制使用模板配置，跳过首次启动引导
      "runtimeArgs": [
        "--auto-open-devtools-for-tabs",
        "--user-data-dir=${workspaceFolder}/.edge-debug-profile",
        "--no-first-run",
        "--no-default-browser-check"
      ]
    }
  ]
}

3. 自动复制模板到新项目 #

为了避免手动复制模板，可通过VSCode任务实现打开新项目时自动同步模板：
在项目的.vscode/tasks.json中添加以下任务（可将此tasks.json作为项目模板的一部分）：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Initialize Edge Debug Profile",
      "type": "shell",
      "command": "xcopy \"${env:VSCODE_PORTABLE}\\data\\edge-debug-template\" \"${workspaceFolder}\\.edge-debug-profile\" /E /I /Y",
      "windows": {
        "command": "xcopy \"${env:VSCODE_PORTABLE}\\data\\edge-debug-template\" \"${workspaceFolder}\\.edge-debug-profile\" /E /I /Y"
      },
      "problemMatcher": [],
      "runOptions": {
        "runOn": "folderOpen"
      }
    }
  ]
}

该任务会在打开项目文件夹时自动将模板复制到项目的.edge-debug-profile目录。

原理说明 #

VSCode的ms-vscode.js-debug插件启动Edge时，默认会在workspaceStorage下生成全新的.profile配置文件夹（由Edge自身创建，而非VSCode复制）。通过指定userDataDir参数，我们强制Edge使用预先配置好的模板，而非生成空配置；同时每个项目使用独立路径，避免多项目配置冲突。

注意事项 #

• 若后续更新了开发者工具设置或扩展，需同步更新.\data\edge-debug-template模板文件夹的内容
• 确保${env:VSCODE_PORTABLE}环境变量指向便携版VSCode的根目录，若路径错误可手动替换为绝对路径
• Windows下执行复制任务时若遇权限问题，可尝试以管理员身份运行VSCode

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