[ 从零开始配置一个 Windows 前端开发环境 ] - 一：WT + WSL

说在前面的

之前一直是用 mac 进行前端开发，体验非常好，而前段时间因为疫情需要远程上班，只能用家里的 windows，一通乱搞之后，发现 windows 用于前端开发，也没有传说中的那么不堪，这里记录一下关于 windows 配置前端开发环境的流程。

WSL

这是微软官方推出的 Windows Ubuntu 子系统，虽然还是存在虚拟化的问题，不过前端一般不用深入研究 docker 技术，所以这个东西对于前端开发者来说，完全可以当成是一个 Ubuntu 来使用了。

Step 1 - 开启开发者选项

首先通过 Win + I 打开设置，搜索关键字开发者即可找到对应选项：

稍作几分钟的等待之后即可开启开发者选项。

Step 2 - 开启 Ubuntu 子系统功能

同样通过 Win + I 打开设置，搜索关键字Windows 功能即可找到对应选项：

Step 3 - 安装对应 Linux

在应用商店中搜索关键字Ubuntu进行安装即可（现在 Windows 还提供别的 Linux，喜欢 centOs 的小伙伴也可以自行尝试）

Step 4 - 更新源

用过 Linux 的小伙伴都知道，官方源（Deepin 除外）由于墙的原因，速度极慢，并且不稳定，所以通常需要换源。

这里我常用的是：Ubuntu 清华源

Step 5 - 配置 zsh

Ubuntu 的默认执行环境是 bash，而 zsh 你可以简单的把它当成一个增强版的 bash。

zsh 的安装非常简单，apt 即可： sudo apt install zsh -y

安装之后将 zsh 设为默认 shell： chsh -s /bin/zsh

之后通过 oh~my~zsh 快速配置 zsh ： sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"（如果这里因为网络问题安装失败，可以手动将安装脚本下下来执行）:

WT

WT 全称是 Windows Terminal，是微软新出的终端，效果可参见官方宣传视频：Windows Terminal

当然，Windows 上的终端还有很多选择，比如 Cmder、ConEmu、Hyper 都是不错的选择，不过我选择了尝尝鲜，毕竟微软这些年出的很多东西确实都是好东西。

Step 1 - 安装

直接通过应用商店安装即可（如果因为网络问题无法安装可以去 github 官网下载安装包自行安装）：

Step 2 - 设置 Ubuntu 为默认 Shell

{
    [...]
    "defaultProfile": "{2c4de342-38b7-51cf-b940-2309a097f518}",
    [...]
    "profiles": {
        [...]
        "list": [
            [...]
            {
                "guid": "{2c4de342-38b7-51cf-b940-2309a097f518}",
                "hidden": false,
                "name": "Ubuntu",
                "source": "Windows.Terminal.Wsl",
                "acrylicOpacity": 0.9,
                "fontFace": "Fira Code",
                "useAcrylic": true,
                "colorScheme": "Solarized Dark"
            }
            [...]
        ]
    }
}

结束语

到这里基础的配置就可以告一段落了，虽然离舒适的开发环境还差一段路程，不过已经能用了，接下来将配置 Vscode 和一些常用的软件。