如何在Mac上通过IntelliJ IDEA运行配置启动指定配置文件的Microsoft Edge

要让Vue.js调试时的Edge窗口加载你的DEV配置文件（包含Vue扩展），只需修改VS Code的调试配置文件，指定Edge的用户数据目录和目标配置文件：

1. 确认DEV配置文件的标识

   • 打开Edge，输入edge://version/并回车
   • 找到个人资料路径项，复制路径的最后一段（比如DEV、Profile 2这类名称，这就是你的DEV配置文件夹名）

2. 修改VS Code调试配置
   打开项目根目录下的.vscode/launch.json（没有的话就新建一个），在Edge的调试配置中添加userDataDir和runtimeArgs字段：

   {
     "version": "0.2.0",
     "configurations": [
       {
         "type": "msedge",
         "request": "launch",
         "name": "Launch Vue App",
         "url": "http://localhost:8080", // 替换成你的Vue项目启动地址
         "webRoot": "${workspaceFolder}/src",
         // Windows下的示例路径，Mac/Linux请替换成对应路径
         "userDataDir": "${env:USERPROFILE}/AppData/Local/Microsoft/Edge/User Data",
         "runtimeArgs": ["--profile-directory=DEV"] // 替换成你刚才复制的配置文件夹名
       }
     ]
   }
   

   • 如果你用的是Edge Dev版本，userDataDir要改成${env:USERPROFILE}/AppData/Local/Microsoft/Edge Dev/User Data
   • Mac用户的用户数据目录一般是~/Library/Application Support/Microsoft/Edge/User Data
   • Linux用户则是~/.config/microsoft-edge/User Data

3. 验证效果
   保存配置后重新启动调试，Edge会自动加载你的DEV配置文件，之前安装的Vue扩展也会生效。

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