WSL + VS Code Remote真香

衆所周知，windows下命令行很難用，Linux下桌面應用體驗很糟糕，MacBook成爲最大贏家。使用了一年的MacBook後，受不了它的低配和封閉，決定從新開啓windows。考慮到自己工做經常使用命令並很少，在windows下又能夠找到替代的工具，因此毅然決然的投向了windows的懷抱。可是今天去公司配置開發環境，諸多不順利，例如libpng-dev不支持等。本來想等到WSL2出來了再體驗（由於以前體驗過WSL，印象很差），可是明天要正式工做了，因此決定再給WSL一個機會。就目前結果來看，真香！如下是配置過程：

HERE-->>大佬能夠直接看官方文檔

1. 啓用WSL、安裝Ubuntu和安裝VS Code

這三個步網上太多教程了，就不寫了。不會的記着百度啊。 啓用子系統

安裝Ubuntu（大佬能夠隨意選擇，新手建議選擇Ubuntu）

安裝VS Code

重點：（忘記添加的本身百度如何將應用程序添加到環境變量，基礎知識點！）

2. 配置Ubuntu

2.1 替換軟件源

爲何要替換軟件源呢？ 由於Ubuntu默認的軟件源在國外，國內訪問速度較慢，若是不介意，能夠不替換。

# 備份原來的軟件源
sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak
# 替換軟件源
sudo sed -i 's/security.ubuntu/mirrors.aliyun/g' /etc/apt/sources.list
sudo sed -i 's/archive.ubuntu/mirrors.aliyun/g' /etc/apt/sources.list
# 更新軟件源數據庫
sudo apt update
# 更新系統(這個視網絡狀況而定)
sudo apt upgrade
複製代碼

Ubuntu中管理軟件經常使用的命令

apt install <package name> # 安裝某軟件
apt search <package name> # 搜索某軟件
apt show <package name> # 顯示軟件信息
apt --help
複製代碼

2.2 安裝編譯工具

建議步驟(把經常使用的編譯工具都安裝上)

sudo apt install build-essential autoconf libpng-dev # 包含了gcc、g++、make等工具
複製代碼

2.3 安裝zsh、oh-my-zsh

由於的確比bash用的舒服一些。

zsh: github.com/zsh-users/z…
oh-my-zsh: ohmyz.sh/

sudo apt install zsh # 安裝zsh
# 安裝oh-my-zsh
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" 
複製代碼

以前有一篇文章介紹過：juejin.im/post/5b7fab…

2.4 安裝node

安裝nvm。nvm是nodejs的一個版本管理工具，相似的還有n，你們看我的喜愛。我喜歡nvm。

nvm: github.com/nvm-sh/nvm
n: 本身百度吧，我不喜歡用。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.1/install.sh | bash
複製代碼

或者（上面或者下面這個，隨便執行一個就好了）

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.1/install.sh | bash
複製代碼

安裝完成後，安裝node(若是nvm很差用，新手能夠從新打開一下終端，大佬隨意)

nvm install 10.17.0 # 爲啥是這個版本，由於咱們公司項目最高支持這個版本，大家隨意
# 檢查安裝是否成功
node -v
複製代碼

2.5 git配置

若是以前在windows上安裝過git，建議執行下面的命令，由於windows和Linux文件的換行符不同。

git config --global core.autocrlf false
複製代碼

3 隨便新建一個項目

爲了方便理解，隨便新建一個項目。下面是新建vue項目的命令：

npm install -g @vue/cli # 安裝vue-cli
cd ~ # 進入家目錄，若是你有其餘準備好放代碼的目錄，就進那個目錄
vue create vuetest # 建立項目
複製代碼

4 VS Code配置

4.1 打開VS Code，安裝Remote - WSL

點擊桌面圖標或者開始菜單中的VS Code，安裝Remote - WSL

4.2 在Ubuntu命令行中，進入剛纔建立的項目

進入項目目錄，而且經過code打開

cd ~/vuetest # 進入項目目錄
code . # 使用VS Code打開這個項目
複製代碼

若是執行code .沒有反應，回到第一步安裝VS Code那裏，考慮是否將VS Code添加到PATH了。或者看這裏code.visualstudio.com/docs/remote…

若是正常打開了，看一下神奇的左下角

點擊這個標識，有更多操做哦。超舒服，就像在打開本地文件夾同樣哦。

開源節流，拋棄Macbook，更加期待WSL2 和 windows terminal了。

---

新手建議閱讀：
Linux權限：linux.cn/article-110…
Linux文件系統：linux.cn/article-979…
Linux超基礎命令：www.runoob.com/linux/linux…
Linux命令查詢：man.linuxde.net/
vim基礎：www.runoob.com/linux/linux…

vimtutor # 這個是自帶的教程哦
複製代碼