在 VS Code 中试试 ！

在 WSL 2 中使用开发容器

2020 年 7 月 1 日，作者 Brigit Murtaugh，@BrigitMurtaugh

利用 Docker 容器和适用于 Linux 的 Windows 子系统 2 (WSL 2) 的强大功能，您可以在深度集成的 Linux 内核中的容器的沙盒环境中开发应用程序，同时保留您的 Windows 环境。

五月，虚拟化领域给我们带来了几个令人兴奋的消息：Windows 10 2020 年 5 月更新开箱即用地添加了 WSL 2 功能，并且 Docker Desktop Stable 2.3.0.2 正式发布并支持 WSL 2 后端。

在早期的博客文章中，我们探讨了如何在 WSL 2 中使用 Docker。第一个要求是安装 Windows Insider 版本，因为 WSL 2 支持当时尚未包含在稳定的 Windows 版本中；接下来是安装 Docker WSL 2 的技术预览版。现在，Windows WSL 2 和 Docker 支持都已包含在稳定的正式发布版本中！

在这篇博文中，我们将介绍这两种工具的工作原理，以及如何在 Visual Studio Code 中利用它们高效地在 WSL 2 中使用开发容器。

虚拟化新纪元

WSL 2 和最新版本的 Docker Desktop 都改变了虚拟化工作的方式。

WSL 2

正如在之前的一篇文章中讨论的那样，WSL 2 通过在轻量级虚拟机 (VM) 内使用真实的 Linux 内核，对适用于 Linux 的 Windows 子系统采用了新方法。它经过优化，可无缝且深度集成到您的 Windows 环境中，从而实现快速启动、小资源占用，并且无需任何 VM 配置或管理要求。

系统调用允许您执行文件访问、内存请求和进程创建等功能。由于 WSL 2 包含完整的 Linux 内核，因此它具有完整的系统调用能力，这意味着您喜欢的应用程序（例如 Docker）将完全且可靠地运行。

Docker

在 WSL 1 中，由于 Windows 和 Linux 之间存在根本性差异，Docker Engine 无法直接在 WSL 内部运行，并且Docker 团队开发了一种使用 Hyper-V VM 和 LinuxKit 的替代解决方案。然而，由于 WSL 2 现在具有完整的系统调用能力，Docker 可以完全在 WSL 2 中运行，这促使 Docker 团队投入更多。

新的 2020 年 5 月版 Docker Desktop 利用 WSL 2 的动态内存分配，可以更快地构建容器并消耗更少的资源。冷启动时间不到 10 秒，而之前版本则需要近一分钟。此外，Hyper-V 不再是必需项，因此本文中详细介绍的步骤适用于 Windows 10 家庭版。

由于 Windows 中的 WSL 2 和 Docker Desktop 现已正式发布，您可以更加放心地在 WSL 2 中使用开发容器。

入门

前提条件

安装完成后，Docker 将识别您已安装 WSL 并提示您启用 WSL 集成。从弹出窗口中选择 Enable WSL integration（启用 WSL 集成）。

Docker Desktop WSL integration dialog

可选：安装新的 Windows Terminal 以获得最佳体验，包括在同一界面中打开新的 PowerShell 和 Ubuntu 终端的能力。

在 WSL 2 中打开 VS Code

让我们将 VS Code 连接到我们的 WSL 2 引擎。打开 Ubuntu 终端，导航到您选择的源代码文件夹，然后键入 code .。这将启动 VS Code 实例，让您使用 WSL 作为您的全职开发环境。您也可以从命令面板连接到 WSL。我将打开一个简单的 HelloNode 应用程序。

Launch code . from Ubuntu terminal

VS Code 打开后，它会识别出我们安装了 WSL，并建议我们安装 WSL 扩展。我将选择 安装。

WSL extension recommended

安装扩展后，我们可以重新加载 VS Code 以连接到 WSL 2。

Reload VS Code after installing extension

重新加载后，我们可以通过检查窗口左下角的 WSL 指示器来确认我们已连接到 Ubuntu。

WSL: Ubuntu bottom left indicator

安装 WSL 扩展为 VS Code 添加了远程资源管理器。当我们在资源管理器中查看时，我们可以看到有关我们的 Linux 发行版的信息。

Remote Explorer with WSL Targets

使用容器

我们可以利用 开发容器 扩展来查看和附加到容器，此外还有各种其他场景，例如：

这些配置使您能够轻松地在不同机器上重现相同的开发环境，将特定于项目的工具和扩展安装到 DevContainer 中，并在类似于部署环境的设置中进行开发，而无需更改本地机器。我们还可以使用 Docker 扩展来查看和附加到容器。

虽然在使用 WSL 2 引擎时，您可以从 Windows 和 WSL 2 文件系统访问源代码，但我们建议使用 WSL 2 文件系统，因为性能要好得多。由于在 WSL 2 内部使用文件系统时性能更佳，因此让我们来介绍一下如何使用它。

我们需要选择要在容器中打开的文件夹。首先，请确保您已安装 开发容器 扩展。然后，您可以从已使用 WSL 扩展打开的文件夹中调用 Dev Containers: Reopen in Container 命令。

我的 WSL 2 文件系统上有一个现有的 HelloNode 文件夹，其中包含我的 Node 项目。我将选择：开发容器：在容器中重新打开。

Command Palette: Dev Containers: Reopen in Container

将出现容器定义列表，因为仓库中还没有 DevContainer 配置。出现的容器配置定义列表是根据我的项目类型过滤的。我将选择 Node.js 14。

Command Palette: Node.js 14

将打开一个新的 VS Code 实例。VS Code 开始构建镜像，然后启动我们的容器。

VS Code instance starting with Dev Container

我们的应用程序现在有一个 .devcontainer 文件夹，其中存储了容器配置信息。为了再次确认我们已连接到 WSL 并且位于容器内部，让我们打开集成终端并检查 uname 和 Node 版本。

Check uname and node -v

如我们所见，我们的 uname 返回了 Linux，这表明我们仍然连接到 WSL 2 引擎，并且 node -v 返回了 v14.4.0，这表明我们已成功配置了 Node 14 容器。

让我们尝试使用 F5 运行我们的应用程序。

Local host running Hello World app

成功！

反馈与更多阅读

为了帮助您使用 WSL 和容器设置 VS Code，我们在 VS Code 远程开发文档中提供了详细的文章。如果您对我们的团队有任何问题或反馈，请随时在 VS Code 远程开发 GitHub 仓库上提出 Issue，或在 Twitter 上 @code 联系我们。

编码愉快！

Brigit Murtaugh，VS Code 项目经理 @BrigitMurtaugh