[ 從零開始配置一個 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 和一些經常使用的軟件。