如何让Visual Studio Code在WSL（Ubuntu-22.04）内打开浏览器？

1. 确保WSL能运行图形程序（配置DISPLAY变量） #

WSL需要X服务器才能启动Linux图形应用：

• Win11 WSLg用户：终端执行echo $DISPLAY，若输出为:0则正常；为空则手动设置并永久生效：

  export DISPLAY=:0
  echo "export DISPLAY=:0" >> ~/.bashrc
  

• Win10 VcXsrv用户：先启动VcXsrv，再设置DISPLAY指向Windows主机IP：

  export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk '{print $2}'):0
  echo "export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk '{print $2}'):0" >> ~/.bashrc
  

2. 让VS Code终端优先识别Linux端Chromium #

打开VS Code设置，搜索terminal.integrated.env.linux，添加如下配置，将Chromium所在的/snap/bin路径放到PATH最前端：

"terminal.integrated.env.linux": {
  "PATH": "/snap/bin:$PATH"
}

3. 配置测试工具/系统默认浏览器指向Linux Chromium #

• 测试框架指定路径：如果用Playwright、Cypress等工具，直接在配置文件里指定Chromium绝对路径。以Playwright为例，修改playwright.config.js：

  module.exports = {
    use: {
      browserName: 'chromium',
      executablePath: '/snap/bin/chromium'
    }
  };
  

• 设置系统默认浏览器：若用xdg-open打开网页，强制默认浏览器为Linux Chromium：

  # 检查当前默认浏览器
  xdg-settings get default-web-browser
  # 设置Chromium为默认
  xdg-settings set default-web-browser chromium.desktop
  

4. 验证生效 #

在VS Code的WSL终端执行chromium，确认能正常启动Linux端浏览器；再运行测试命令，检查是否不再调用Windows端浏览器。

内容的提问来源于stack exchange，提问作者Trestkon