[ 从零开始配置一个 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 和一些经常使用的软件。