用 Vscode 連線至 WSL
歡迎各位贊助喔 👍👍👍
前言
- 必要: WSL、Vscode
- 非必要: Mobaxterm
可參考文章
- WSL 的安裝可參考:
WSL --- 在 Windows 上的好用 Linux 虛擬環境
- Vscode 的安裝可參考:
- Mobaxterm 的安裝可參考:
安裝必要的 Extension
先打開 "Vscode" 吧! 打開後會看到如下圖
然後點擊 View -> Extensions，如下圖；View 按鈕可能會在左欄或是上欄的 "3 個點" 中，大家記得找找看唷 😁
點開 Extensions 後就會看到下圖，"installed" 區塊就是你已經下載過的 Extensions，因為我已經下載了一些 Extension，所以 "installed" 區塊不是空的
接下來就要來安裝要連到 WSL 所需的 Extension 拉，在搜尋欄打上 "WSL"，就會顯示需要的 Extension 了，如下圖紅框，因為我已經安裝過 "WSL" 這個 Extension 了，所以我的右下角是顯示齒輪，還沒安裝的 Extension 的右下角會是 "install" 的按鈕，點擊 install 進行安裝吧 !!!
等進度條跑完後就安裝完成囉 🎉🎉🎉
連線到 WSL
很簡單，跟著我操作吧 😎
點擊左下角的藍色按鈕，看下圖
點擊後你會看到以下，選擇 "Connect to WSL using Distro"，如果你只有一個 WSL 的虛擬環境在你的電腦的話，你只要選 "Connect to WSL" 就可以囉，因為我的 WSL 有多個，所以用 "Connect to WSL using Distro" 當作範例
選擇你要連到的 WSL 環境並點擊它，如下圖，我要連的是 Ubuntu-20.04
連線成功後，左下角的藍色按鈕會顯示你連到的 WSL 環境名稱，如圖
取消連線到 WSL
Vscode 可以連到 WSL 當然也可以取消連線囉，只要再次點擊左下角的藍色按鈕就行了，再來就會出現如下圖的視窗，選擇 "Close Remote Connection" 就可以了
結語
謝謝各位的觀看，大家應該都學會使用 Vscode 連線到 WSL 了吧 😄
