多多读书
444 字
2 分钟
VS Code 支持内网穿透了?

VS Code 在新版本更新后,不知道你有没有发现在命令行面板多了一个 PORTS 模块,这个是 VS Code 1.82 版本推出了一个名为本地端口转发(Local Port Forwarding)的功能,它可以让你轻松地把本地的服务分享给远程网络,无需安装任何第三方插件。这个功能与内网穿透的原理类似,都是通过一个公网服务器作为中转,将本地的端口映射到互联网上。

如何使用本地端口转发功能:

  1. 在本地启动你的项目服务,比如使用 vite 启动一个项目,端口号为 5173;
  2. 切换到 PORTS 视图,点击 Forward a Port 按钮;
  3. 输入端口号 5173,如果你没有登录 GitHub 账号,会提示你登录,按照提示操作即可。

完成以上步骤后,你会看到 PORTS 视图中生成了一个网址。

你可以点击这个网址,在浏览器中打开你的本地服务。默认情况下,转发的端口是私有的,只有使用同一个 GitHub 账号登录的用户才能访问。如果你想要公开你的服务,让任何人都可以访问,你可以在 PORTS 视图中右键点击端口,选择 Port Visibility 选项中的 Public即可。

如果这是你第一次使用这个功能,打开网址时会出现如下提示,点击 Continue 即可继续访问。

这一功能在我们日常的开发调试和协同工作等场景中使用简直太方便了,相比于 nps、frp 等软件实现内网穿透,VS Code 的本地端口转发功能简单得多,而且不需要自己拥有公网服务器。

VS Code 支持内网穿透了?
https://fuwari.vercel.app/posts/20231008/
作者
我也困了
发布于
2023-10-08
许可协议
CC BY-NC-SA 4.0