运行 vscode chrome 调试器及其扩展

Question

有什么办法可以启动 chrome 窗口，并且所有扩展都安装在 chrome 上？

{
    "version": "0.2.0",
    "configurations": [{
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://site.example.com/",
        "webRoot": "${workspaceFolder}"
    }]
}

Answer 1

虽然将userDataDir启动配置中的属性设置为false允许您使用您的用户配置文件启动 Chrome，但我强烈建议不要走这条路。您应该希望将您的调试环境与您的个人配置文件隔离开来。您也可能不希望在您的常规浏览会话中不必要地启用远程调试。

默认情况下，Chrome 调试器将为您的调试会话创建一个新的配置文件，并将持续到您重新启动计算机。这里的技巧是为您的工作区创建一个配置文件。然后，您可以将此配置文件配置为具有您需要的任何扩展和其他设置。我们只需要让它永久存在，这样我们就不必再次重新配置它。

相反，将userDataDir属性设置为.vscode目录中的路径（并在源代码管理中忽略）。它将在您设置的目录中创建配置文件。我用${workspaceFolder}/.vscode/vscode-chrome-debug-userdatadir. 然后，当您运行调试器时，它将在该目录中创建一个应该无限期保留的配置文件。然后，您可以安装所需的所有扩展程序，而不会弄乱您的个人资料。

Answer 2

一种方法是防止调试器使用单独的配置文件启动 chrome 实例。

只需添加"userDataDir": false内"configurations"给您launch.json。关闭所有 Chrome 实例，然后从 Visual Studio Code 开始调试。

您之前的 chrome 会话应该会打开，包括一个为您的文件提供服务的新标签。

之后，您无需关闭和重新打开 chrome 即可开始/停止调试。

来源：https : //marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome