在 Windows 上使用 WSL 进行 Vibe Coding • Axi's Blog

前言#

绝大多数的 Coding Agent 均熟悉 Linux 的命令行环境，这主要是因为这些模型主要在 Linux 终端的命令行操作数据上进行训练，而 Linux 环境也带来了大量的开发便捷性。假如你希望一边玩游戏一边在后台挂着 claude code 便结束自己所谓忙碌的一天，那么使用 WSL 是一个毋庸置疑的首要选择。

所谓 WSL，也就是 Windows Subsystem for Linux，是 Windows 系统中的一种 Linux 子系统，它允许你在 Windows 系统中运行 Linux 应用程序，并且以一种类似 Docker 的方式运行。值得注意的是，WSL 本身并不支持 GUI 应用程序，但是目前的 WSL2 可以与 Windows 共享 GUI，也就是从 WSL 中发起的 GUI 应用可以直接显示在 Windows 系统中。

更何况大多数时候你的 TUI Agent 都只存活在命令行中。

配置#

安装 WSL#

安装 WSL 非常简单，主要的操作步骤可能是读者不希望将 WSL 安装到 C 盘从而占用空间。

wsl --install -d Ubuntu-22.04
wsl --shutdown
mkdir D:\wsl
wsl --export Ubuntu-22.04 D:\wsl\Ubuntu-2204.tar
wsl --unregister Ubuntu-22.04
wsl --import Ubuntu D:\wsl\Ubuntu-2204 D:\wsl\ubuntu-2204.tar --version 2
wsl --set-default Ubuntu

powershell

你可以设置：

notepad $env:USERPROFILE\.wslconfig

powershell

~/.wslconfig

[wsl2]
networkingMode=mirrored

txt

这个配置项的意思是，WSL 的网络模式为镜像模式，也就是 WSL 的网络与 Windows 的网络是共享的。

WSL 脚手架#

接下来可以进行一系列的脚手架安装：

sudo apt update
sudo apt install zsh tmux git

bash

安装 oh-my-zsh：

sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

bash

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

bash

修改配置文件：

~/.zshrc

plugins=(z git zsh-autosuggestions zsh-syntax-highlighting)

bash

然后可以安装 miniconda：

mkdir -p ~/miniconda3
wget https://repo.anaconda.com/miniconda/Miniconda3-latest-Linux-x86_64.sh -O ~/miniconda3/miniconda.sh
bash ~/miniconda3/miniconda.sh -b -u -p ~/miniconda3
rm ~/miniconda3/miniconda.sh
source ~/miniconda3/bin/activate
conda init --all

bash

然后可以安装 nodejs 相关工具：

# Download and install nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

# in lieu of restarting the shell
\. "$HOME/.nvm/nvm.sh"

# Download and install Node.js:
nvm install 22

# Verify the Node.js version:
node -v # Should print "v22.17.1".
nvm current # Should print "v22.17.1".

# Verify npm version:
npm -v # Should print "10.9.2".

npm install -g pnpm
npm install -g bun

bash

Coding Agent#

接下来就可以安装 codex 以及 claude code 了，注意网络条件：

npm i -g @openai/codex
curl -fsSL https://claude.ai/install.sh | bash

bash

美化#

在做完了上述步骤之后，我们就已经得到了一个可用的、可以执行 coding agent 的 WSL，不过这离我平时真正使用的环境还差一点东西。前面的脚手架已经把 zsh、tmux 和 git 装好了，接下来主要是补一些终端里比较常用的工具。

sudo apt update
sudo apt install fzf eza bat

bash

fzf 是用来做模糊查找的，eza 和 bat 则分别可以替代一部分 ls 和 cat 的使用场景。它们并不会改变什么工作流程，只是让一些每天都会执行很多次的指令看起来舒服一点。

oh-my-zsh 以及前面安装的两个插件就不再重复介绍了。除此之外，我还使用了 starship 来作为提示符。它可以显示当前所在的目录、Git 分支和状态、正在使用的语言环境以及命令执行时间，这些信息对于平时写代码来说还是比较有用的。

curl -sS https://starship.rs/install.sh | sh

bash

在 ~/.zshrc 中加入：

~/.zshrc

eval "$(starship init zsh)"

bash

我使用的配色是 catppuccin_mocha，具体的配置文件可以根据自己的习惯调整。这里没有必要把完整配置贴出来，因为提示符这种东西还是比较主观的，能看清自己需要的信息就已经足够了。

另外还有 zoxide。它会记录之前进入过的目录，之后只需要输入目录名称的一部分，就可以直接跳转过去：

curl -sSf https://raw.githubusercontent.com/ajeetdsouza/zoxide/main/install.sh | bash

bash

如果不想让它直接跳到某个目录，也可以使用交互式的 zi，选好之后再跳转：

zi

bash

小结#

这大概就是全部内容了，希望对你有帮助。