如何设置 VS Code Live Server 扩展以在 Linux 上使用 Firefox Developer?

How do I set up VS Code Live Server extension to use Firefox Developer on Linux?

我目前是 运行 初级 OS 5.1.7 Hera,并且刚刚下载了 Firefox Developer 版本,它独立于常规 Firefox 运行,因此 Live Server 扩展无法识别 FDE。

Live Server 扩展会在您的默认浏览器上打开本地主机选项卡,但您可以将 URL 复制到任何其他浏览器中,只要服务器是 运行,它就可以工作。

如果您希望该选项卡在 Firefox Developer Edition 中始终打开,您可以更改 Live Server 的设置。

  • 在 VScode 中,转到 文件 > 首选项 > 设置(或 代码 > 首选项 > 设置 在 Mac)

  • 在搜索栏中,输入 liveServer.settings.AdvanceCustomBrowserCmdLine

  • 单击 在 settings.json

    中编辑
  • "liveServer.settings.AdvanceCustomBrowserCmdLine"的值改为Firefox Developer Edition的位置(例如,C:\Program Files\Firefox Developer Edition\firefox .exe)

注意: Live Server 也有一个CustomBrowser 设置,编辑起来更简单,但选项有限,Firefox Developer Edition 不在其中之一。 AdvanceCustomBrowserCmdLine 覆盖 CustomBrowser.

您可以阅读 Live Server 文档 here

不要重蹈我的覆辙,不要用引号。 如果您想使用 Firefox Developer Edition 默认位置,请在 json 文件中使用此行:

"liveServer.settings.AdvanceCustomBrowserCmdLine": C:\Program Files\Firefox Developer Edition\firefox.exe,

转到settings

搜索 liveServer.settings.AdvanceCustomBrowserCmdLine

点击Edit in settings.json

找到"liveServer.settings.AdvanceCustomBrowserCmdLine": "",

现在将 Firefox Developer Edition 文件位置放在值上。

像这样:

"liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\Program Files\Firefox Developer Edition\firefox.exe",

别忘了加上 //(双斜线);) ;) ;)

对于 macOS 用户,这应该是 "liveServer.settings.CustomBrowser": "/Applications/Firefox Developer Edition.app"