用 Vscode 連線至 WSL

歡迎各位贊助喔 👍👍👍

前言

• 必要: WSL、Vscode
• 非必要: Mobaxterm

可參考文章

• WSL 的安裝可參考:

WSL --- 在 Windows 上的好用 Linux 虛擬環境

• Vscode 的安裝可參考:

Vscode --- 初探篇

• Mobaxterm 的安裝可參考:

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 了吧 😄