🚀 在 VS Code 中免费获取

本地端口转发

Visual Studio Code 通过 Microsoft dev tunnels 内置了端口转发支持,无需扩展。当运行本地 Web 服务时,您可以使用“端口”视图使该服务可通过互联网访问。

如何使用本地端口转发

首先,您需要有一个想要转发的服务。如果您还没有服务,但已安装 Node.js,则可以运行此命令以在端口 3000 上启动服务器

npx serve

然后,导航到面板区域中的“端口”视图(端口: 聚焦端口视图),然后选择转发端口

Forward a Port button displayed in the Ports view

如果您之前没有使用 GitHub 登录过,系统将提示您登录。然后,输入您想要转发的端口;使用上述命令的默认端口是端口 3000。完成后,端口转发系统启动,“端口”视图更新以显示您转发的端口及其转发地址

Port 3000 added to the Ports view

将鼠标悬停在转发地址上,您可以使用内联操作复制地址、在浏览器中打开或打开编辑器内预览。

默认情况下,转发的端口是私有的。当您导航到 URL 时,系统将要求您使用与在 VS Code 中启动端口转发过程时使用的 GitHub 帐户相同的帐户登录。您可以右键单击端口并选择端口可见性 > 公共来更改可见性。公共端口不需要登录。

常见问题

如果我连接到远程计算机,如何转发本地服务?

目前,端口转发仅适用于公开本地运行的服务。它尚不适用于远程连接,尽管我们预计将来会支持。

根据您的场景,您可能想要使用 VS Code Remote - Tunnels 扩展来隧道连接到远程计算机。您可以在 Remote - Tunnels 文档中了解更多信息。

转发的端口如何保障安全?

默认情况下,托管和连接到隧道都需要使用相同的 GitHub 或 Microsoft 帐户在每一端进行身份验证。在这两种情况下,VS Code 都会与 Azure 中托管的服务建立出站连接;通常不需要防火墙更改,并且 VS Code 不会设置任何网络侦听器。

但是,如果您打开了公共端口,则任何拥有您链接的用户都可以访问转发的服务。您应注意避免通过此类端口托管任何机密信息或不安全的服务。

您可以在其文档中了解有关底层开发隧道服务安全性的更多信息。

端口转发有哪些限制?

端口转发的带宽使用量和可用机器数量都存在限制,这些限制可能会随时间而变化。在 Remote-Tunnels 文档中阅读有关隧道使用限制的更多信息。

我可以在我的组织中配置策略吗?

如果您所在的组织想要控制对端口转发的访问,您可以通过允许或拒绝访问域 global.rel.tunnels.api.visualstudio.com 来实现。

对于运行 Windows 设备的用户,您还可以配置然后部署开发隧道的组策略设置。您可以在 开发隧道文档中了解更多信息。