远程开发更胜一筹
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 桌面版或独立下载)。
-
在您希望在本地 VS Code 客户端中进行开发的远程机器上安装
code
CLI。这可以是远程桌面、虚拟机,甚至是适用于 Linux 的 Windows 子系统 (WSL) 发行版。CLI 已自动包含在您现有的 VS Code 安装中——无需额外设置。如果您未安装 VS Code,或者无法在远程机器上安装,可以通过我们的下载页面上的独立安装来获取 CLI。
注意: 如果您使用的是独立安装版本,以下章节中的命令将以
./code
开头,而不是code
。 -
使用帮助命令再次检查 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 用户界面创建隧道。如果您已在使用 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