gpt4 book ai didi

reactjs - 如何使用 VSCode 在 Firefox 中保留扩展并请求启动

转载 作者:行者123 更新时间:2023-12-05 00:57:34 24 4
gpt4 key购买 nike

我正在尝试使用 React Dev Tools 和 Firefox Developer Edition 调试 React 应用程序。我无法将 React Dev Tools 安装到 Firefox 通过 VSCode 启动时使用的配置文件。当我通过在/Applications 中打开 Firefox 自己启动 Firefox 时,我已经安装了 React Dev Tools。

但是,当我运行下面的 launch.json 配置文件时,启动后在 Preferences -> Extensions & Themes -> Extensions in FireFox 下没有显示任何扩展。

{
"name": "Launch localhost",
"type": "firefox",
"request": "launch",
"reAttach": true,
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
},

但是,我可以按照 here 的指示进行操作并使用终端启动 Firefox 并将我的调试器附加到它。此配置文件具有 React 开发工具,并且运行良好:

/Applications/Firefox\ Developer\ Edition.app/Contents/MacOS/firefox -start-debugger-server

launch.json:

{
"name": "Attach",
"type": "firefox",
"request": "attach",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
},

但是如何使第一个请求与 launch 请求而不是 attach 一起工作?从阅读来看,它似乎与个人资料有关

最佳答案

我遇到了同样的问题,并且能够通过添加到我的 launch.json 来解决它:

"profile": "my-firefox-profile"

Firefox 可以安装多个配置文件。您可以通过在 Firefox 地址栏中键入 about:profiles 来检查它们。它将向您显示配置文件列表。标记为 Default profile: yes 的那个应该是可以选择的那个。

enter image description here

我的 launch.json 现在看起来像这样:

    {
"name": "Firefox",
"type": "firefox",
"request": "launch",
"reAttach": true,
"url": "http://localhost:4300",
"webRoot": "${workspaceFolder}",
"profile": "default-release-1"
},

背景:

Firefox 配置文件包含浏览历史记录、书签以及最重要的附加组件等设置。通过告诉 VSCode 使用它与已安装插件一起提供的特定配置文件。

如果您对 Angular 或 Vue 有同样的问题,这也可以。

关于reactjs - 如何使用 VSCode 在 Firefox 中保留扩展并请求启动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59814980/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com