如何从VS Code启动带有已登录Chrome账户的调试会话

默认的Chrome启动配置会打开一个干净的临时配置实例，要加载你自己的Google账户配置（含插件、密码等），需要在launch.json中添加用户数据目录的配置项：

操作步骤 #

1. 找到本地Chrome的用户数据目录：
   • Windows：C:\Users\<你的用户名>\AppData\Local\Google\Chrome\User Data
   • macOS：~/Library/Application Support/Google/Chrome/Default
   • Linux：~/.config/google-chrome/Default
2. 修改VS Code的launch.json配置，添加userDataDir字段，指向你的用户数据目录：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch with My Chrome Profile",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}",
      "userDataDir": "C:\\Users\\<你的用户名>\\AppData\\Local\\Google\\Chrome\\User Data" // Windows示例，注意转义反斜杠
    }
  ]
}

注意事项：

• 若使用Chrome的非默认配置文件，需指向对应子目录，比如User Data/Profile 1
• 启动调试前请关闭所有正在运行的Chrome实例，避免因数据目录被占用导致配置加载失败

完成配置后启动调试，Chrome就会加载你日常使用的账户配置、插件和保存的密码，方便直接与应用交互。

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