参加你附近的 ,了解 VS Code 中的 AI 辅助开发。

端口转发

Visual Studio Code 通过 Microsoft 开发隧道内置了对端口转发的支持,无需额外扩展。当运行本地 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 也不会设置任何网络侦听器。

注意

如果您开放了一个公开端口,任何拥有您链接的用户都可以访问该转发的服务。请避免在公开端口上托管机密信息或不安全的服务。

了解更多关于底层开发隧道服务的安全性

端口转发有哪些限制?

端口转发在使用带宽量和可用的活动计算机数量上都有限制,这些限制可能会随时间变化。阅读更多关于隧道使用限制的信息。

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

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

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