[ 從零開始配置一個 Windows 前端開發環境 ] - 一：WT + WSL

初心Yearth發表於2020-03-27
Windows前端開發環境

說在前面的

之前一直是用 mac 進行前端開發，體驗非常好，而前段時間因為疫情需要遠端上班，只能用家裡的 windows，一通亂搞之後，發現 windows 用於前端開發，也沒有傳說中的那麼不堪，這裡記錄一下關於 windows 配置前端開發環境的流程。

WSL

這是微軟官方推出的 Windows Ubuntu 子系統，雖然還是存在虛擬化的問題，不過前端一般不用深入研究 docker 技術，所以這個東西對於前端開發者來說，完全可以當成是一個 Ubuntu 來使用了。

Step 1 - 開啟開發者選項

首先通過 Win + I 開啟設定，搜尋關鍵字開發者即可找到對應選項：

img-01

稍作幾分鐘的等待之後即可開啟開發者選項。

Step 2 - 開啟 Ubuntu 子系統功能

同樣通過 Win + I 開啟設定，搜尋關鍵字Windows 功能即可找到對應選項：

img-03

Step 3 - 安裝對應 Linux

在應用商店中搜尋關鍵字Ubuntu進行安裝即可（現在 Windows 還提供別的 Linux，喜歡 centOs 的小夥伴也可以自行嘗試）

img-04

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)"（如果這裡因為網路問題安裝失敗，可以手動將安裝指令碼下下來執行）:

img-05

WT

WT 全稱是 Windows Terminal，是微軟新出的終端，效果可參見官方宣傳視訊：Windows Terminal

當然，Windows 上的終端還有很多選擇，比如 Cmder、ConEmu、Hyper 都是不錯的選擇，不過我選擇了嚐嚐鮮，畢竟微軟這些年出的很多東西確實都是好東西。

Step 1 - 安裝

直接通過應用商店安裝即可（如果因為網路問題無法安裝可以去 github 官網下載安裝包自行安裝）：

img-06

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"
            }
            [...]
        ]
    }
}
複製程式碼

img-07

結束語

到這裡基礎的配置就可以告一段落了，雖然離舒適的開發環境還差一段路程，不過已經能用了，接下來將配置 Vscode 和一些常用的軟體。

相關文章