远程开发更胜一筹

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

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

您可能没有意识到，但 VS Code 有一个内置的命令行界面 (CLI)，它允许您控制编辑器的启动和管理方式——您可以通过命令行选项打开文件、安装扩展并输出诊断信息。

CLI 在使用 VS Code 桌面版的流程中非常有用，但存在一个不足：您无法用它启动远程实例。因此，我们希望通过将本地和远程更紧密地结合起来，使 CLI 更加强大，从而弥补这一不足。

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

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

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

通过一个工具即可随处建立隧道连接

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

从 VS Code 连接到远程机器有两种绝佳选择：

• 使用新的、增强的 code CLI。
• 直接从 VS Code 用户界面启用隧道功能。

我们将在以下章节中探讨这两种选项。

增强的 code CLI

当我们发布 VS Code Server 时，我们提到了将其集成到 code CLI 中的长期愿景。我们现在已经实现了这一点，并且也提供了独立安装版本，以防您在无法安装 VS Code 桌面版的虚拟机或受限机器上工作。

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

注意： 如果您在 VS Code Server 的私有预览期间使用的是独立的 code-server CLI，那么现在应该改用最新的 code CLI（通过最新版 VS Code 桌面版或独立下载）。

1. 在您希望在本地 VS Code 客户端中进行开发的远程机器上安装 code CLI。这可以是远程桌面、虚拟机，甚至是适用于 Linux 的 Windows 子系统 (WSL) 发行版。

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

   

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

2. 使用帮助命令再次检查 CLI 是否成功安装：

   code -h
   

   您可以使用以下命令探索隧道专用命令：

   code tunnel -h
   

   现在您已经安装了 CLI，让我们为这台机器设置隧道，以便您可以从任何 VS Code 客户端连接到它。

3. 使用 tunnel 命令创建安全隧道：

   code tunnel
   

   此命令将在该机器上下载并启动 VS Code Server，然后为其创建隧道。

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

4. 此 CLI 将输出一个与此远程机器关联的 vscode.dev URL，例如 https://vscode.dev/tunnel/<machine_name>/<folder_name>。您可以从任何您想要的机器上打开此 URL。

5. 当首次在客户端打开 vscode.dev URL 时，系统会提示您在 https://github.com/login/oauth/authorize... URL 处登录您的 GitHub 帐户。这会将您验证到隧道服务，以确保您有权访问正确的远程机器集。

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

从 VS Code UI 启用隧道功能

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

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

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

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

通过远程隧道连接

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

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

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

移除隧道或机器

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

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

远程开发扩展

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

WSL 和 Dev Containers

我们收到了关于 Remote - WSL 和 Remote - Containers 扩展名称的反馈。我们原意是让 Remote 表示您正在“远程”或“独立”的 WSL 发行版或开发容器中进行开发，而不是传统的本地开发。然而，这与许多人使用的“远程”含义不同，可能会引起混淆（例如，Dev Container 是在我的本地机器上吗？）。

我们更新了这些扩展的命名和产品内命令，使其更清晰，将它们重命名为WSL和Dev Containers。Marketplace 中的扩展标识符和文档等链接保持不变，因此您在使用这两个扩展时应该不会遇到问题。

远程隧道

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

结束 - 谢谢！

多年来，我们收到了您对远程体验的反馈，最近也收到了关于 VS Code Server 的反馈——我们非常感谢您分享的宝贵意见，这些意见持续塑造着我们的产品体验。我们很高兴看到您如何使用我们最新的远程功能，并期待您的反馈！

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

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

编码愉快！

Brigit Murtaugh，@BrigitMurtaugh