用 Vscode 連線至 WSL

更新 發佈閱讀 2 分鐘

歡迎各位贊助喔 👍👍👍


前言

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


可參考文章

  • WSL 的安裝可參考:

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


  • Vscode 的安裝可參考:

Vscode --- 初探篇


  • Mobaxterm 的安裝可參考:

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



安裝必要的 Extension

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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



連線到 WSL

很簡單,跟著我操作吧 😎

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台


取消連線到 WSL

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

vocus|新世代的創作平台


結語

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






留言
avatar-img
愛看電視的小上進的沙龍
8會員
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
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
教大家如何在 linux 安裝 Anaconda,步驟詳細且附圖
Thumbnail
教大家如何在 linux 安裝 Anaconda,步驟詳細且附圖
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
Thumbnail
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
建置 vscode + python 開發環境的完整流程,詳細且附圖
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News