☰

VS Code Ubuntu 中的 Live Server 不会自动打开浏览器选项卡。需要帮助

tag-icon • tag-icon webserver visual-studio-code html5 web-development
VS Code Ubuntu 中的 Live Server 不会自动打开浏览器选项卡。需要帮助

我在 Linux 中使用 VS Code。操作系统详细信息如下

名称="Ubuntu"
版本="20.04.3 LTS (Focal Fossa)"

以下是该问题的简要描述 -

  • 我安装了由 Ritwick Dey 开发的 Live Server Extension。这是一个流行的 VS Code 扩展。我尝试用一​​个简单的index.html文件使用它。

  • localhost它以默认值开始port 5050。

  • 现在的问题是我需要localhost:5050/index.html每次手动打开浏览器并输入才能实际查看文件的输出。

  • 一旦我这样做了，Live Server就会开始按照我在文件中编码的方式实施更改index.html。

  • 因此，虽然它Live Server确实有效，但它并不完全按照预期的方式工作，因为我每次都必须手动打开特定的 URL。

  • 对于 Windows 中的 VS Code，只要我打开 LiveServer，它就会自动打开 Chrome，然后随着更多内容被编码到 VS Code 中的文件中，它会不断相应地更新输出，我使用 Chrome 作为我的默认浏览器。

我还在 VS Code 中编辑了 LiveServer 设置 JSON 文件，并在底部添加了这些额外设置 -

"liveServer.settings.CustomBrowser": "chrome"

和

"liveServer.settings.useLocalIp": true

笔记 -

我也下载了 Linux 版 Microsoft Edge Beta 版，并将其用作主浏览器，但它不是默认浏览器

答案1

我认为这太晚了，但我在 Arcolinux 上也遇到了同样的情况。只需在 settings.json 文件中写入启动器即可：

"liveServer.settings.CustomBrowser": "google-chrome-stable"

我把它留在这里只是为了希望它能帮助到其他人。

相关内容