时间戳

首页 > 解决方案 > 浏览器中的 VSCode 实时共享视图

visual-studio-code - 浏览器中的 VSCode 实时共享视图

问题描述

在 VSCode Live Share 会话中，每个参与者如何在浏览器或预览模式下查看 HTML 文件？

我尝试过的“在浏览器中查看”扩展不适用于“实时共享”模式下的远程用户。这似乎是 Visual Studio Code“Live Share”中一个重要的缺失功能。

标签： visual-studio-code

解决方案

这取决于您要达到的目标。如果你正在编写纯 HTML 和 CSS，你可以试试这个扩展：https ://marketplace.visualstudio.com/items?itemName=hdg.live-html-previewer

它会在 VS Code 中打开 HTML 文档的预览。

但是，如果您通过浏览器查看您的网站，则必须使用 ngrok 之类的工具（它是一个 CLI 工具）。这将为您创建一个可公开访问的 URL，您可以与您的合作伙伴共享该 URL。这仅在您已经在为您的网站提供服务时才有效，您可以使用您使用过的“在浏览器中查看”扩展程序，只要它们实际托管在您的本地主机上。

例如，许多扩展程序会在localhost:3000. 确保在运行 ngrok 时将端口设置为相同。

这将使您和与您合作的人看到相同的网站预览。

还有一个 ngrok 的 VS Code 扩展，您可以尝试一下：https ://marketplace.visualstudio.com/items?itemName=philnash.ngrok-for-vscode

推荐阅读