我有一个用 VS Code 编写的 React 应用程序。为了测试和调试我的工作,我转到终端并输入npm start. 这将启动应用程序服务器,并在当前登录的用户下正确启动 chrome,该用户安装了 React Devtools 扩展。
但是,我也在VS Code 中使用带有 Chrome扩展的调试器。为了使用这些调试器工具,一旦应用程序被 npm 启动,我需要按 F5,这会为 Chrome 启动一个新的浏览器窗口。在这种模式下,我的断点在 VS 代码中被击中,我也可以根据需要进行检查。
但是,不同之处在于,当我按 F5 时,VS Code 会打开一个新的浏览器窗口,它看起来像一个新安装的 Chrome 实例。由于我在多个虚拟机和架构中使用 Chrome,我已经设置了我的 Google 帐户,以便当我在 Chrome 中的每台机器上登录我的个人资料时,所有必要的书签和扩展程序都会加载到该 Chrome 实例中。
F5 调试未显示该用户配置文件信息,即使 Chrome 的常规启动显示这些详细信息,就像我运行npm start. 有没有办法更改我的 VS Code 配置,以便在使用Debugger for Chrome扩展程序在 VC 代码中进行调试时,我可以使用所有所需的扩展程序和工具访问我的 Chrome 配置文件?
另外,这是我的 launch.json 文件。我认为这是由调试器使用的。
{
// Use IntelliSense to learn about possible attributes.
// Hover …Run Code Online (Sandbox Code Playgroud) google-chrome npm reactjs visual-studio-code vscode-settings