Vscode + SSH --- 直接編輯遠端電腦內的檔案

更新於 2024/12/05閱讀時間約 1 分鐘

歡迎各位贊助喔 👍👍👍


簡介

Vscode 很方便,它是可以直接連到遠端電腦的,也就是說你可以用你的電腦直接編輯、編譯、執行遠端電腦的程式檔,很方便唷 😍



安裝必要的 Extension

點 "View" -> "Extensions",如下圖

raw-image

接著左邊就會出現 Extensions 的欄位,在搜尋欄輸入 "SSH","Remote - SSH" 就是我們要安裝的 Extension,右下角有 "install" 按鈕,點它就能安裝,因為我的已經安裝過了,所以我的 "install" 按鈕變成了 "齒輪",如下圖

raw-image

等進度條跑完就安裝好了 🎉🎉🎉



連線到遠端電腦

先點左下角的藍色按鈕,接著就會出現一個小視窗,如下圖,接著點 "Connect to Host ..." 或是 "Connect Current Window to Host ..." 都可以,差別只在於前者會另開一個 vscode 視窗,而後者會直接用目前的視窗連到遠端

raw-image

再來點 "Add New SSH Host",如下圖

raw-image

再來在打字欄中打上你遠端電腦的 user name 和 網路的IP,然後按 Enter,可參考下圖,格式是:

使用者名稱@IP
raw-image

再來就會問你要將新的遠端電腦的 IP 存在哪個 config 檔案裡,任意選一個就行了,選完後 vscode 會顯示「添加成功了」,接著再點一次 "Connect to Host" ,你就會看到剛剛新增的 "遠端電腦的 IP" 出現在清單中了,如圖

raw-image

就直接點它吧,接著 vscode 就會嘗試連接到遠端電腦,連到後就 ok 了,第一次連接會較久唷,稍微等一下吧 😄


結語

這功能真的好用,我用過覺得讚

每個房間都是一個有趣的主題喔
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
更改 vscode 程式碼顏色的詳細教學
建置 vscode + python 開發環境的完整流程,詳細且附圖
建置 vscode + python 開發環境的完整流程,詳細且附圖
使用 Vscode 連線至 WSL 的詳細教學
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
更改 vscode 程式碼顏色的詳細教學
建置 vscode + python 開發環境的完整流程,詳細且附圖
建置 vscode + python 開發環境的完整流程,詳細且附圖
使用 Vscode 連線至 WSL 的詳細教學
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
該怎麼遠端使用VSCODE(Visual Studio)? 身為一個懶人,能在家裡就在家裡,能不去實驗室就不去實驗室,但自己的電腦不夠好怎麼辦? 使用SSH進行連線。 在每個步驟我可能會補充一點,你"可能"遇到得問題
Thumbnail
某天在檢視~/AppData/Roaming裡面的資料,看看有沒有垃圾要手動清理,一個不小心砍掉了VSCode的設定資料夾,以至於重新開啟後整個頁面跟剛下載來安裝後的編輯器沒兩樣,乾脆趁這機會整理一下日常配置設定,哪天換新機或是又手殘了也能快速復原歸位。
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
微軟想把 VS 的一些編輯功能在 VS Code 上實作, Unity 也在幾天前推出了基於 C# Dev Kit 的插件,因為新舊版本並不相容,這邊說明兩種(OmniSharp、Roslyn Analyzers)開發環境設置。
Thumbnail
1. 安裝VS Code 1-1. Ctrl-K-T 換主題顏色 1-2. 加上基本插件(外掛) A. python擴展插件 關鍵字高亮, 智慧指令提示 Python解釋器切換 B. 使用中文插件 C. 使用Code runner才有三角形執行鈕
👨‍💻Intro 為了實現vscode在wsl環境下使用ssh連接到gce的需求,在爬文後找到一篇解法,因此記錄下來,方便日後查詢 🎯setup 建立ssh.bat檔案,並放在windows下任意位置 2. vscode設定ssh.bat路徑 打開vscode的settings -> exte
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
該怎麼遠端使用VSCODE(Visual Studio)? 身為一個懶人,能在家裡就在家裡,能不去實驗室就不去實驗室,但自己的電腦不夠好怎麼辦? 使用SSH進行連線。 在每個步驟我可能會補充一點,你"可能"遇到得問題
Thumbnail
某天在檢視~/AppData/Roaming裡面的資料,看看有沒有垃圾要手動清理,一個不小心砍掉了VSCode的設定資料夾,以至於重新開啟後整個頁面跟剛下載來安裝後的編輯器沒兩樣,乾脆趁這機會整理一下日常配置設定,哪天換新機或是又手殘了也能快速復原歸位。
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
微軟想把 VS 的一些編輯功能在 VS Code 上實作, Unity 也在幾天前推出了基於 C# Dev Kit 的插件,因為新舊版本並不相容,這邊說明兩種(OmniSharp、Roslyn Analyzers)開發環境設置。
Thumbnail
1. 安裝VS Code 1-1. Ctrl-K-T 換主題顏色 1-2. 加上基本插件(外掛) A. python擴展插件 關鍵字高亮, 智慧指令提示 Python解釋器切換 B. 使用中文插件 C. 使用Code runner才有三角形執行鈕
👨‍💻Intro 為了實現vscode在wsl環境下使用ssh連接到gce的需求,在爬文後找到一篇解法,因此記錄下來,方便日後查詢 🎯setup 建立ssh.bat檔案,並放在windows下任意位置 2. vscode設定ssh.bat路徑 打開vscode的settings -> exte