在 VS Code 中打开开发框

将 Microsoft Dev Box 与 Visual Studio Code 配合使用（VS Code）来创建安全的基于云的开发环境。 本文介绍如何设置开发隧道并从 VS Code 连接到 Dev Box。 了解如何安装所需的扩展、启用安全隧道并远程连接，以实现简化的开发体验。 按照这些步骤快速开始，随时随地高效工作。

先决条件

• 至少配置了一个项目和一个开发盒池的开发人员中心。
  • 如果没有开发人员中心，请按照以下步骤创建一个：快速入门：配置 Microsoft Dev Box
• 一个开发箱。
  • 如果没有开发框，请按照以下步骤创建一个： 快速入门：使用 Microsoft Dev Box 开发人员门户创建和连接到开发框

在开发框池上启用开发隧道

Dev Box Dev Tunnels 是一项功能，允许开发人员通过安全隧道使用 Visual Studio Code（VS Code）连接到其 Dev Box。 此功能特别适用于想要远程工作或来自不同位置的开发人员，而无需完整的远程桌面连接。

注册 Dev Box Tunnels 预览版功能

虽然 Dev Box Tunnels 处于预览状态，但必须在 Azure 订阅中注册该功能。

1. 登录到 Azure 门户。

2. 选择 “订阅”。

3. 选择包含 Dev Box 资源的订阅。

4. 在左侧菜单中，选择“设置预览”>功能。

5. 在 “搜索 ”框中，键入 “开发框”，从结果中选择 “Dev Box Dev Tunnels ”，然后选择“ 注册”。

   

6. 在 “是否要注册所选功能？” 消息中，选择“ 确定”。

为开发框池启用开发隧道

基于每个池启用开发隧道。 若要为开发框池启用隧道，请执行以下作：

1. 导航到包含要在其中启用隧道的开发框池的项目。

2. 在左侧菜单中，选择“ 管理>开发”框池。

3. 对于要编辑的池，请从开发框作菜单（...）中选择 “编辑”。

   

4. 在 “管理 ”选项卡上，选择“ 在 VS Code 中启用打开开发框”，然后选择“ 保存”。

   

使用开发隧道连接到开发框

按照以下步骤设置开发隧道，并使用 VS Code 连接到开发框。

1. 安装 VS Code 扩展

   在本地 VS Code 中，从 VS Code 扩展市场安装 Dev Box 扩展。 开发隧道需要版本 2.0.0 或更高版本。 请确保在本地安装扩展，而不是要在要连接到的 Dev Box 上安装扩展。

   

2. 若要登录到 Dev Box 扩展，请选择左侧栏中的 Dev Box 图标，然后选择 “使用 Microsoft 登录到 Dev Box”。

   

3. 在 VS Code 中连接到 Dev Box

   设置所有内容后，在 VS Code 中打开开发框。 在“管理”菜单（设置滚轮）中，选择“ 连接”。

   

4. 了解 VS Code 中的远程体验

   此时会打开新的 VS Code 窗口。 可以使用 文件>打开文件/文件夹/工作区 打开远程 Dev Box 上的任何文件夹或工作区，就像在本地一样。

连接到适用于 Linux 的 Windows Substem

如果在 Dev Box 上有适用于 Linux 的 Windows 子系统（WSL）环境，请使用 远程资源管理器连接到它。

从下拉列表中选择 WSL 目标以查看所有 WSL 分发版。 在当前或新窗口中打开任何 WSL 分发版。

有关 WSL 开发体验的详细信息，请参阅 远程 - WSL 并 设置 WSL 开发环境。

常见问题

• 为什么在启用隧道之前需要登录到 Dev Box？

  需要此步骤才能建立用于设置隧道的用户会话。 初始登录后，只需断开与 Dev Box 的连接。 然后，可以在不再次登录的情况下启用或连接到隧道，除非 Dev Box 已关闭或重新启动。

• 为什么即使启用了隧道，也无法连接到 Dev Box？

  使用右上角的按钮刷新 Dev Box 扩展资源管理器视图，检查隧道的最新状态。 如果已启用隧道，但仍无法连接，请尝试禁用隧道、登录到 Dev Box，然后重新启用隧道。

相关内容

• 为开发隧道配置条件访问策略