我有一个用VS Code编写的React应用程序。为了测试和调试我的工作，我转到终端并输入npm start。这将启动应用程序服务器，并在当前已登录用户（已安装React Devtools扩展名）下正确启动chrome。
但是，我也在VS Code中使用带有Chrome扩展程序的调试器。为了使用这些调试器工具，在npm启动应用程序后，我需要点击F5，这将为Chrome启动一个新的浏览器窗口。在这种模式下，我的断点在VS代码中被击中，我也可以根据需要进行检查。
但是，不同之处在于，当我按F5键时，VS Code会打开一个新的浏览器窗口，该窗口看起来像新安装的Chrome实例。由于我在多个VM和体系结构中使用Chrome，因此我已经设置了Google帐户，以便在我登录Chrome中每台计算机上的个人资料时，所有必需的书签和扩展名都将加载到该Chrome实例中。
即使定期启动Chrome浏览器会显示这些详细信息，F5调试也不会显示用户个人资料信息，就像我运行时浏览器的首次启动一样npm start。有没有一种方法可以更改我的VS Code配置，以便使用Debugger for Chrome扩展程序在VC Code中进行调试时，可以使用所有所需的扩展程序和工具来访问我的Chrome配置文件？
另外，这是我的launch.json文件。我认为这是调试器使用的。
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}",
}
]
}
我认为这些是默认值，也许这就是NPM所使用的，而不是用F5启动调试器和浏览器的任何方法。
添加"userDataDir": false到您的启动配置中，如下所示：
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}",
"userDataDir": false
}
]
}
但是您必须首先退出所有正在运行的Chrome实例，因为无法将正在运行的Chrome用户配置文件置于调试模式。这就是扩展名默认创建新用户配置文件的原因。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句