VS Code 连接 WSL2 Linux 环境(教学版)

前置要求:已完成 WSL2 安装(参考「WSL2 搭建 Linux 开发环境」教程),且 VS Code 已安装在 Windows 系统中。
核心优势:在 Windows 下用 VS Code 操作 Linux 环境,兼顾 Windows 易用性和 Linux 开发环境。

一、步骤 1:安装 WSL 扩展(核心)

  1. 打开 VS Code,点击左侧边栏「扩展」图标(快捷键 Ctrl+Shift+X);
  2. 在搜索框输入 WSL,找到微软官方的「WSL」扩展(作者:Microsoft,下载量最高);
  3. 点击「安装」,安装完成后无需重启 VS Code(扩展自动生效)。

扩展作用:实现 VS Code 与 WSL2 的通信,让 VS Code 能识别并连接 WSL 环境。

二、步骤 2:连接 WSL2 环境(3种方式,任选其一)

方式 1:从 VS Code 直接连接(推荐)

  1. 打开 VS Code,按下快捷键 Ctrl+Shift+P 打开「命令面板」;
  2. 输入 WSL: Connect to WSL,回车执行;
  3. 在弹出的列表中选择已安装的 WSL 发行版(如 Ubuntu-22.04);
  4. 等待几秒,VS Code 左下角会显示「WSL: Ubuntu」,表示连接成功。

方式 2:从 WSL 终端启动 VS Code

  1. 打开 WSL2 终端(Ubuntu),进入要开发的目录(如 cd ~/projects);
  2. 执行命令 code .(注意末尾的点,表示打开当前目录);
  3. VS Code 会自动启动并连接到 WSL 环境,同时打开该目录。

方式 3:通过远程资源管理器连接

  1. 安装「Remote - Explorer」扩展(微软官方);
  2. 点击左侧边栏「远程资源管理器」图标;
  3. 在「WSL Targets」下找到你的 Ubuntu 发行版,右键选择「Connect to WSL in New Window」;
  4. 新窗口会自动连接到 WSL 环境。
验证连接成功:
1. VS Code 左下角显示「WSL: 发行版名称」;
2. 打开终端(Ctrl+`),终端提示符为 Linux 风格(如 username@DESKTOP:~$);
3. 新建文件,保存路径为 /home/username/(Linux 路径)。

三、步骤 3:安装 Linux 开发扩展(按需)

连接 WSL 后,安装的扩展分为「Windows 扩展」和「WSL 扩展」,需为 WSL 安装开发所需扩展:

  1. 在 VS Code 扩展面板中,已安装的扩展右侧会显示「Install in WSL: Ubuntu」;
  2. 为 WSL 安装以下常用扩展(以 C++ 开发为例):
    • C/C++(微软官方,语法高亮/调试/编译);
    • CMake(CMake 配置支持);
    • CMake Tools(CMake 编译调试);
    • Code Runner(快速运行代码);
    • Chinese (Simplified)(中文语言包,可选)。

注意:扩展需分别安装到 Windows 和 WSL 环境,仅安装在 Windows 下无法在 WSL 中使用。

四、步骤 4:实战测试(编写并运行 C++ 代码)

  1. 在 WSL 中新建目录:mkdir ~/cpp-demo && cd ~/cpp-demo
  2. 在 VS Code 中打开该目录(code .);
  3. 新建文件 main.cpp,输入以下代码:
#include <iostream>
using namespace std;

int main() {
    cout << "Hello WSL2!" << endl;
    cout << "当前环境:" << __linux__ ? "Linux (WSL2)" : "Windows" << endl;
    return 0;
}
  1. 打开 VS Code 终端(Ctrl+`),执行编译命令:g++ main.cpp -o demo
  2. 运行程序:./demo
  3. 终端输出 Hello WSL2! 当前环境:Linux (WSL2),说明环境正常。

五、常见问题与排查(教学重点)

问题 1:VS Code 提示「无法连接到 WSL」
排查方案:
1. 确认 WSL2 已正常启动(打开 Ubuntu 终端能正常使用);
2. 以管理员身份重启 VS Code;
3. 执行命令 wsl --shutdown 关闭 WSL,重新启动后再连接。
问题 2:code . 命令提示「找不到」
排查方案:
1. 在 VS Code 中按下 Ctrl+Shift+P,输入 Shell Command: Install 'code' command in PATH
2. 执行该命令后,重启 WSL 终端即可。
问题 3:代码编译失败(提示 gcc 未找到)
排查方案:
1. 在 WSL 终端执行 gcc --version,确认是否安装;
2. 未安装则执行 sudo apt install gcc g++ -y 安装。
问题 4:中文乱码
排查方案:
1. 在 VS Code 中按下 Ctrl+, 打开设置,搜索 files.encoding
2. 设置为 UTF-8
3. 在 WSL 终端执行 export LC_ALL=zh_CN.UTF-8

六、实用技巧(教学拓展)

← 返回我的主页