用 Vscode 連線至 WSL

更新於 發佈於 閱讀時間約 2 分鐘

歡迎各位贊助喔 👍👍👍


前言

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


可參考文章

  • WSL 的安裝可參考:

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


  • Vscode 的安裝可參考:

Vscode --- 初探篇


  • Mobaxterm 的安裝可參考:

Mobaxterm --- 超級好用的免費終端連線工具



安裝必要的 Extension

先打開 "Vscode" 吧! 打開後會看到如下圖

raw-image

然後點擊 View -> Extensions,如下圖;View 按鈕可能會在左欄或是上欄的 "3 個點" 中,大家記得找找看唷 😁

raw-image

點開 Extensions 後就會看到下圖,"installed" 區塊就是你已經下載過的 Extensions,因為我已經下載了一些 Extension,所以 "installed" 區塊不是空的

raw-image

接下來就要來安裝要連到 WSL 所需的 Extension 拉,在搜尋欄打上 "WSL",就會顯示需要的 Extension 了,如下圖紅框,因為我已經安裝過 "WSL" 這個 Extension 了,所以我的右下角是顯示齒輪,還沒安裝的 Extension 的右下角會是 "install" 的按鈕,點擊 install 進行安裝吧 !!!

raw-image

等進度條跑完後就安裝完成囉 🎉🎉🎉



連線到 WSL

很簡單,跟著我操作吧 😎

點擊左下角的藍色按鈕,看下圖

raw-image

點擊後你會看到以下,選擇 "Connect to WSL using Distro",如果你只有一個 WSL 的虛擬環境在你的電腦的話,你只要選 "Connect to WSL" 就可以囉,因為我的 WSL 有多個,所以用 "Connect to WSL using Distro" 當作範例

raw-image

選擇你要連到的 WSL 環境並點擊它,如下圖,我要連的是 Ubuntu-20.04

raw-image

連線成功後,左下角的藍色按鈕會顯示你連到的 WSL 環境名稱,如圖

raw-image


取消連線到 WSL

Vscode 可以連到 WSL 當然也可以取消連線囉,只要再次點擊左下角的藍色按鈕就行了,再來就會出現如下圖的視窗,選擇 "Close Remote Connection" 就可以了

raw-image


結語

謝謝各位的觀看,大家應該都學會使用 Vscode 連線到 WSL 了吧 😄






留言
avatar-img
留言分享你的想法!
avatar-img
愛看電視的小上進的沙龍
7會員
50內容數
每個房間都是一個有趣的主題喔
2023/12/15
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
2023/12/15
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
2023/12/07
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
2023/12/07
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
2023/12/06
教大家如何把多個檔案顯示在多個 vscode 的視窗
Thumbnail
2023/12/06
教大家如何把多個檔案顯示在多個 vscode 的視窗
Thumbnail
看更多
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
教大家如何在 linux 安裝 Anaconda,步驟詳細且附圖
Thumbnail
教大家如何在 linux 安裝 Anaconda,步驟詳細且附圖
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
Thumbnail
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
Thumbnail
1. WSL 的安裝流程 2. WSL 的使用 3. 取得 WSL 的檔案 以上皆有附圖
Thumbnail
1. WSL 的安裝流程 2. WSL 的使用 3. 取得 WSL 的檔案 以上皆有附圖
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News