在Windows上实现无缝Linux开发体验：WSL和VSCode的完美结合

导言

在当今快节奏的软件开发世界中，开发者们寻求更加高效和灵活的工具，以便快速构建和部署应用程序。对于在Windows操作系统上工作的开发者来说，过去曾经存在一些与Linux环境不兼容的挑战。然而，随着Microsoft引入的Windows Subsystem for Linux（WSL）和Visual Studio Code（VSCode）的崛起，这一切都发生了变化。

本文将深入探讨如何在Windows环境中，通过使用WSL和VSCode这两个强大的工具，实现无缝的Linux开发体验。无论您是前端开发者、后端工程师，还是全栈开发者，这个组合都将为您提供更灵活、更高效的开发环境。

让我们一同探索，如何借助WSL和VSCode，将Windows打造成一个无与伦比的开发平台，带来更愉悦的开发体验和更令人满意的项目交付结果。

1. 什么是WSL？

Windows Subsystem for Linux（WSL）是由Microsoft开发的一个允许在Windows操作系统上运行Linux内核的兼容层。它提供了一个能够在Windows系统上运行本地Linux二进制文件的环境，同时与Windows系统无缝集成。

WSL的主要目标是改善在Windows上进行开发的体验，尤其是对于那些需要在不同操作系统之间进行切换的开发者。通过WSL，用户可以在Windows上使用Linux命令行工具、脚本和应用程序，而无需在系统之间进行重启或使用虚拟机。

WSL有两个主要版本：

WSL 1： 使用一个在Windows上运行的特殊的Linux内核模块，它提供了对Linux系统调用的翻译。WSL 1在初期引入了Linux工具和命令行体验，但性能相对较低。
WSL 2： 采用了更先进的架构，通过在Windows上运行一个完整的Linux内核（基于Hyper-V虚拟化技术），从而提高了性能和兼容性。WSL 2还支持更多的系统调用，使得更多的Linux应用程序可以在Windows上运行。

WSL的出现使得开发者能够更方便地在Windows平台上进行跨平台的开发，同时融合了Windows和Linux两个生态系统的优势。这对于那些需要在Windows环境下进行开发的用户来说，是一项重要的技术进步。

2. 安装和配置WSL

在Microsoft Store中搜索wsl直接进行下载。
下载你需要的系统，例如我选择下载了Ubuntu

image.png
打开wsl终端使用sudo apt-get update

3. 连接VSCode与WSL

安装 VSCode扩展：Remoto Development 扩展包
重启VSCode后，左侧会出现Remote Explorer Tab，在这个tab下可以切换wsl target

image.png
选择目标WSL，点击connect即可

4. 在WSL中安装开发工具（以Bun为例）

打开终端(Terminal)，wsl连接下终端默认为wsl内终端。
使用对应的安装命令，例如我要安装Bun，执行

curl -fsSL https://bun.sh/install | bash

这里还会提示缺少unzip，那再apt-get install unzip即可

5. 文件系统的互通性

在wsl终端或者vscode打开的终端输入

explorer .

即可在文件资源管理器打开当前路径

也可以选择在vscode的explorer中打开对应的文件夹

6. 调试和测试

正常操作即可，遇到问题补充

7. 常见问题和解决方案

7.1网络访问性

倘若我们在windows上创建一个简单的服务端程序

image.png

我们会发现在wsl2中无法直接访问到主机的这个地址

image.png

这时候需要注意，因为WSL2采用了NAT模式，我们需要进行一些转换。

例如尝试在WSL2环境下获取主机的IP
使用镜像网络模式简化访问操作

结论

通过本文的介绍，我们深入了解了在Windows环境下使用Windows Subsystem for Linux（WSL）和Visual Studio Code（VSCode）进行开发的实践经验。这个强大的组合不仅为开发者提供了无缝的Linux开发体验，还为在Windows平台上工作的开发者们带来了更多便利和效率。

在Windows上实现无缝Linux开发体验：WSL和VSCode的完美结合