VS Code Tunnel 连接模式启用方法

type

Post

status

Published

slug

2023/01/11/how-to-enable-vscode-tunnel-mode

summary

Tunnel 连接模式架构

最近 VS Code 为了提升远程开发的统一体验，推出了 Tunnel 连接模式。

对 VS 代码服务器的访问内置于现有 code CLI 中。

CLI 可以在 VS Code 客户端和远程计算机之间建立安全的隧道，以便将数据从一个网络传输到另一个网络。

VS Code 服务端体验包括几个组件：

VS Code 服务器允许您以新的方式使用 VS Code，例如：

💡

前提条件：1. 拥有 VS Code CLI。2. 使用 Tunnel 模式会尝试连接 Github 获取登陆验证码，请确保自己的网络状况良好。

在您想要从 VS Code 客户端进行开发的远程计算机上安装 code CLI。CLI 会在 VS Code 客户端和远程计算机之间建立一个隧道。

CLI 会自动内置到 VS Code 桌面版中，无需额外设置。

或者，您也可以从我们的下载页面上获取独立安装的 CLI，它与 VS Code 桌面版安装是分开的：

💡

注意：如果您使用的是独立安装，则下一节中的命令将以 ./code 而不是 code 开头。


code tunnel

这个命令下载并启动这台机器上的 VS Code 服务器，然后创建一个到它的隧道的连接。

💡

注意：当您第一次在机器上启动隧道时，系统会提示您接受服务器许可条款。您也可以在命令行中传递 --accept-server-license-terms 以避免提示。

当您在此客户端上首次打开 vscode.dev URL 时，系统会提示您通过 https://github.com/login/oauth/authorize... URL 登录您的 GitHub 帐户。这会验证您的身份，以确保您可以访问正确的远程机器集。

此 CLI 将输出绑定到此远程计算机的 vscode.dev URL，例如 https://vscode.dev/tunnel/<machine_name>/<folder_name>。您可以在您选择的客户端上打开此 URL。

同时你也可以在 VS Code 侧栏中的远程服务器中看到对应的 Tunnel 隧道。

在 VS Code 帐户菜单中，选择打开远程隧道访问选项，如下图所示。您还可以在 VS Code 中打开命令面板 (F1) 并运行命令 Remote Tunnels: Turn on Remote Tunnel Access....

💡

注意：只有当 VS Code 运行时，才能通过隧道访问远程计算机。退出 VS Code 后，将无法再通过隧道连接到它，直到再次启动 VS Code 或运行 code tunnel CLI 命令。