更出色的远程开发

2022 年 12 月 7 日，作者：Brigit Murtaugh，@BrigitMurtaugh

Visual Studio Code 的核心是一个代码编辑器，它通过我们的远程开发体验与其他环境集成，变得更加强大和灵活

Spectrum of remote development options

您可能没有想到，但 VS Code 内置了一个命令行界面 (CLI)，让您可以控制如何启动和管理编辑器 - 您可以通过命令行选项打开文件、安装扩展和输出诊断信息

Output of code CLI

CLI 在使用 VS Code Desktop 的工作流程中非常有用，但存在一个缺口：您无法使用它启动远程实例。因此，我们希望通过拉近本地和远程的距离来弥补这一缺口，使 CLI 更加强大。

今天，我们很高兴分享我们增强的 code CLI，它使您既可以启动 VS Code，又可以从 VS Code Desktop 或 vscode.dev 远程连接到计算机。更新后的 CLI 内置于最新的 VS Code 版本中，也可用于独立安装，因此您可以创建与任何计算机的安全连接并远程连接到它，即使您无法在其上安装 VS Code Desktop。

除了新的 CLI 之外，我们还进行了以下更新，以改进远程开发

您可以直接从 VS Code UI 启用隧道。
隧道不再是私有预览版 – 任何人都可以创建和使用隧道，无需注册。
我们重命名了两个远程扩展，以更清楚地说明它们的工作方式以及它们可以在哪些方面帮助开发
- “Remote - WSL”扩展现在简称为 WSL。
- “Remote - Containers”扩展已重命名为 Dev Containers，以反映其用于创建开发环境的用途。

使用一个工具，隧道连接到任何地方

隧道安全地将数据从一个网络传输到另一个网络。您可以使用安全隧道从 VS Code 桌面或 Web 客户端针对您选择的任何机器进行开发，而无需设置 SSH 或 HTTPS 的麻烦（尽管如果您愿意，也可以这样做 😊）。

您有两个很好的选项可以从 VS Code 隧道连接到远程机器

使用新的、增强的 code CLI。
直接从 VS Code UI 启用隧道。

我们将在以下部分探讨这两种选项。

增强的 `code` CLI

当我们发布 VS Code Server 时，我们提到了我们将其集成到 code CLI 中的长期愿景。我们现在已经实现了这一点，并且我们还使其可用于独立安装，以防您在虚拟机或锁定机器上工作，而无法在其上安装 VS Code Desktop。

以下是安装 code CLI 并使用它创建安全隧道的步骤。如果您尝试过 VS Code Server 的私有预览版，则步骤将非常相似。

注意： 如果您在 VS Code Server 的私有预览期间使用了独立的 code-server CLI，您现在应该使用最新的 code CLI（通过最新的 VS Code Desktop 或独立下载）来代替。

在您想要在本地 VS Code 客户端中针对其进行开发的远程机器上安装 code CLI。这可以是远程桌面、虚拟机，甚至是 Windows Subsystem for Linux (WSL) 发行版。

CLI 自动包含在您现有的 VS Code 安装中 – 无需额外设置。如果您没有安装 VS Code 或无法在远程机器上安装它，您可以通过我们下载页面上的独立安装来获取 CLI

注意： 如果您使用的是独立安装，则以下部分中的命令将以 ./code 而不是 code 开头。
使用 help 命令双重检查 CLI 是否安装成功
```
code -h
```
您可以使用以下命令探索特定于隧道的命令
```
code tunnel -h
```
现在您已经安装了 CLI，让我们设置这台机器进行隧道连接，以便您可以从任何 VS Code 客户端连接到它。
使用 tunnel 命令创建安全隧道
```
code tunnel
```
此命令下载并在该机器上启动 VS Code Server，然后创建一个到它的隧道。

注意： 当您首次在机器上启动隧道时，系统将提示您接受服务器许可条款。您还可以在命令行中传递 --accept-server-license-terms 以避免提示。
此 CLI 将输出一个绑定到此远程机器的 vscode.dev URL，例如 https://vscode.dev/tunnel/<machine_name>/<folder_name>。您可以从您想要的任何机器打开此 URL。
首次在客户端上打开 vscode.dev URL 时，系统将提示您在 https://github.com/login/oauth/authorize... URL 处登录您的 GitHub 帐户。这会对您进行身份验证以访问隧道服务，以确保您有权访问正确的远程机器集。

恭喜您，您已成功安装并使用了最新的 code CLI 隧道功能！

从 VS Code UI 启用隧道

如果您在远程机器上安装了 VS Code，您也可以选择直接从 VS Code UI 创建隧道。如果您已经在 VS Code 中工作，这是一种快速便捷的方式来启用对您机器的远程访问。

在您的远程机器上打开 VS Code。在 VS Code 帐户菜单中，选择启用远程隧道访问…选项，如下面的图像所示。您也可以打开命令面板 (F1) 并运行命令远程隧道：启用远程隧道访问...。

Turn on Remote Tunnel Access in the Account menu

系统将提示您登录 GitHub。登录后，隧道将在此远程机器上启动，您将能够连接到它

Remote tunnel access is enabled toast

在您选择的客户端中，您可以从上面的通知中打开 vscode.dev 链接并开始编码！

通过远程隧道连接

Remote - Tunnels 扩展管理本地和远程机器之间的这些安全隧道。您通过 code CLI 或 VS Code UI 打开的 vscode.dev 实例预装了 Remote Tunnels 扩展。

如果您已经在 VS Code 客户端（桌面或 Web）中工作，并且想要连接到远程隧道，您可以直接安装和使用 Remote - Tunnels 扩展。安装扩展后，打开命令面板 (F1) 并运行命令远程隧道：连接到隧道。您将能够连接到任何具有活动隧道的远程机器

List of remote machines in Quick Pick

您还可以在远程资源管理器中查看您的远程机器，您可以通过命令远程资源管理器：聚焦于远程视图打开它

List of remote machines in Remote Explorer

移除隧道或机器

如果您想停止通过 CLI 运行的隧道，请使用 Ctrl + C 结束活动连接。如果您已通过 VS Code UI 启用了隧道，请运行命令远程隧道：关闭远程隧道访问...。

您可以通过在该机器上运行 code tunnel unregister 来移除机器与隧道的关联。在 VS Code 中，选择远程资源管理器视图，右键单击您想要移除的机器，然后选择取消注册。

远程开发扩展

除了隧道和 code CLI 的更新之外，我们还对我们的远程开发扩展进行了一些更新，这些扩展允许您使用开发容器、远程机器或 WSL 作为功能齐全的开发环境。

WSL 和开发容器

我们听取了您关于 Remote - WSL 和 Remote - Containers 扩展名称的反馈。我们最初希望 Remote 表示您正在“远程”或“单独”的 WSL 发行版或开发容器中进行开发，而不是传统的本地开发。但是，这与许多人使用的“远程”的用法不同，并且可能会引起混淆（例如，开发容器是否在我的本地机器上？）。

我们更新了这些扩展中的命名和产品内命令，使其更清晰，将它们重命名为 WSL 和 Dev Containers。“Marketplace”和文档中的扩展标识符等链接保持不变，因此您不应看到当前对这两个扩展的使用中断。

WSL extension in the Marketplace

Dev Containers extension in the Marketplace

远程隧道

如上所述，您可以使用 Remote - Tunnels 扩展通过安全隧道连接到远程机器，而无需 SSH。我们将扩展的名称从“Remote Server”重命名为“Remote - Tunnels”，因为我们认为这更清楚地表明了它的行为（毕竟，该扩展用于通过安全隧道在远程机器上进行开发！）。

Remote - Tunnels extension in the Marketplace

结束语 – 谢谢！

多年来，我们听取了您对我们的远程体验的反馈，最近又听取了您对 VS Code Server 的反馈 – 我们非常感谢您分享的想法，这些想法不断塑造我们的产品体验。我们很高兴看到您如何使用我们最新的远程功能以及您的反馈！

如果您想更深入地了解本博客中描述的工具，我们创建了一个关于 Remote - Tunnels 扩展的主题，同时更新了 VS Code Server 和 code CLI 文档以反映最新的更改。

请随时在我们的 vscode-remote-release GitHub 仓库中提交功能请求或错误，或者您可以在 Twitter 上向我们发送您的想法 @code。

编码愉快！

Brigit Murtaugh，@BrigitMurtaugh