VSCode远程开发之隧道（Tunnels）功能详解

VSCode Tunnels 是1.85+内置的轻量级本地服务共享功能，通过安全反向隧道将本地端口（如3000）映射为临时HTTPS URL（如https://abc123-3000.app.vscode.dev），无需公网IP或防火墙配置，仅需登录VSCode账户即可创建和访问。

VSCode 的 Tunnels（隧道）功能，是远程开发中一种轻量、免配置的替代方案，它不依赖 SSH 或 Dev Containers，而是通过 VSCode 自身服务将本地端口安全地暴露到云端 URL，实现从任意设备访问本地正在运行的服务（比如前端开发服务器、本地 API、数据库 UI 等）。

什么是 Tunnels？

Tunnels 是 VSCode 1.85+ 版本起内置的实验性功能（默认启用），本质是 VSCode 桌面端与 VSCode.dev（或 GitHub Codespaces 后端）之间建立的一条受控、带身份验证的反向隧道。它把你的本地端口（如 localhost:3000）映射成一个唯一的、临时的、HTTPS 开头的公共 URL（例如 https://abc123-3000.app.vscode.dev），无需公网 IP、不用配路由器、不碰防火墙规则。

它不是传统意义上的“远程连接电脑”，而是“共享一个本地服务”。你仍完全控制代码、进程和文件——只是让别人（或你自己在手机/另一台电脑上）能临时访问它。

怎么开启并使用一个 Tunnel？

确保已安装最新版 VSCode（v1.85 或更高），且已登录 VSCode 账户（Microsoft 或 GitHub）。

拍我AI

AI视频生成平台PixVerse的国内版本

353

查看详情

• 打开你的项目文件夹（含正在运行的服务，比如执行了 npm run dev）
• 按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）打开命令面板
• 输入并选择：Tunnel: Create Tunnel
• 选择要暴露的本地端口（如 3000）、设置隧道名称（可选）、选择是否允许“仅自己访问”或“允许协作者加入”
• 确认后，VSCode 底部状态栏会出现隧道图标，点击可复制 URL；也可在命令面板中用 Tunnel: Show Active Tunnels 查看所有活跃隧道

谁可以访问我的 Tunnel？

默认情况下，新创建的 Tunnel 是私有且需登录才能访问的：

• 链接只能被你本人（同一 VSCode 账户）在任何浏览器中打开
• 如果你勾选了“Allow others to join”，则生成的链接可分享给他人，对方只需用 GitHub/Microsoft 账户登录即可访问（无需安装 VSCode）
• 所有流量经微软托管的中继服务加密传输，不经过第三方，也不开放原始 IP
• 每个 Tunnel 默认 4 小时自动过期（可手动关闭或延长）

和 Port Forwarding、SSH Remote、Dev Containers 有什么区别？

Tunnels 不是替代，而是补充场景：

• Port Forwarding（端口转发）：通常用于 SSH 远程连接后，把远程端口映射到本地。Tunnels 反过来——把本地端口映射到云 URL
• SSH Remote：真正把 VSCode 前端连到远端机器，编辑、运行、调试都在服务器。Tunnels 不迁移开发环境，只共享服务
• Dev Containers：在容器里构建完整开发环境。Tunnels 完全不涉及环境抽象，纯端口代理
• 简单说：想让人快速试用你本地写的网页？用 Tunnel。想协同写代码？用 SSH Remote 或 Codespaces。

基本上就这些。Tunnels 不复杂，但容易忽略——它让“本地开发 → 快速演示”这一步，真正做到了一键可达。

以上就是VSCode远程开发之隧道（Tunnels）功能详解的详细内容，更多请关注php中文网其它相关文章！