Windows 下的前端开发环境，一直挺不友好的。之前一直是 mac 开发，但是我自己的旧 mac 已经无法继续工作了，从公司离职之后又没有买新的，索性用 windows 的 wsl 装一个前端开发环境来用。在这里做一个记录

开发环境

Windows11 + WSL2.0（Debian）+ VSCode Remote SSH + 代理 tun 模式（下面的安装方式，好像不需要在 UWP 工具里设置什么）

操作步骤

1. 安装 Debian

   WSL2.0 好像是 Windows11 内置的，刚学了几个 WSL 的命令，这些命令在 CMD 中就可以执行，我用了管理员模式

   wsl -l -v 查看已经注册（安装）的子系统及版本

   wsl --install <Distribution Name> 安装指定的操作系统的子系统，我这里是 wsl --install Debian，然后就等着进度条完成就好

   wsl --shutdown 系统占用资源是大头，不用的时候用这个命令关掉 wsl

   wsl --set-default <Distribution Name> 如果系统里安装了多个 Linux 发行版，可以使用这个命令来设置默认，这样从 Windows 下的 wsl 应用启动后，默认到自己想要的系统

   <DistributionName> config --default-user <Username> 更改用于发行版登录的默认用户。安装完子系统之后，会要求创建一个非 root 的用户，wsl 启动后用户默认是它，可以通过这个命令更改成其他的，例如 Debian config --default-user root

2. 配置开发环境

   我认为的基础环境 git + curl/wget + zsh + ohmyzsh + nginx + tmux + vim + docker 我认为的必要的前端开发环境 nvm + nodejs + nrm

   因为安装这些工具都是一些机械性的动作，所以写了个脚本来辅助安装。除了安装上述环境外，还有一个更新系统和创建 swap 的脚本，外加一个拷贝代码的脚本。由于没有写 shell 的能力，所以整个脚本基本是借助 gpt-4o 完成的。脚本地址

   对 clone 代码的部分做一个说明，脚本会提示问是否需要 clone 代码，需要的换会询问工作目录，之后还要提供一个 git url 的文本，大概格式是这样的，以换行符区分不同的代码库地址

   https://gitee.com/aaaa/bbbb.git
   https://gitee.com/cccc/dddd.git
   

3. 连接使用

   打开vscode， 选择左下角图标的打开远程，在弹出的列表中选连接到 WSL. 连接之后，在 vscode 中可以看到右下角的状态，有下载 linux 版本的 vscode remote client、进行鉴权连接等。等待连接完成，再安装合适的插件就可以了

4. 关于网络

   以前在使用 WSL ，网络没有设置 tun 模式时，软件总是下载不下来。折腾过 export http https，也尝试过 proxychains 给每个命令添加前缀，最后发现 tun 一开，直接解决问题。所以网络这里只需要打开 tun 就可以了