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

閱讀時間約 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
查看全部
發表第一個留言支持創作者!
更改 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
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
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
探索如何在 VS Code 中養一隻療癒的小寵物。本文將指導你安裝和使用 vscode-pets 擴充功能,讓可愛的寵物陪伴你一同寫程式。你可以選擇不同類型和顏色的寵物,甚至改變它們的遊玩場景,為你的編程時光增添樂趣和舒適。
Thumbnail
本篇目標:ftp-simple 連接與使用 本篇適合:需要使用Visual Studio Code 連接伺服器進行程式寫作的朋友 過去因為在實驗室的經驗,所有的程式皆存放在實驗室的伺服器上,因此我們會需要用本機的電腦嘗試連接到伺服器進行寫作。
Thumbnail
Marp是利用Markdown語法編寫簡報的功能,可以簡單的作出俐落的簡報(但沒有什麼花俏的轉場,動畫之類的),不過可以僅用編輯器就生出來,同時可以使用Markdown語法給予簡報內容整齊又美觀的排版。
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
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
探索如何在 VS Code 中養一隻療癒的小寵物。本文將指導你安裝和使用 vscode-pets 擴充功能,讓可愛的寵物陪伴你一同寫程式。你可以選擇不同類型和顏色的寵物,甚至改變它們的遊玩場景,為你的編程時光增添樂趣和舒適。
Thumbnail
本篇目標:ftp-simple 連接與使用 本篇適合:需要使用Visual Studio Code 連接伺服器進行程式寫作的朋友 過去因為在實驗室的經驗,所有的程式皆存放在實驗室的伺服器上,因此我們會需要用本機的電腦嘗試連接到伺服器進行寫作。
Thumbnail
Marp是利用Markdown語法編寫簡報的功能,可以簡單的作出俐落的簡報(但沒有什麼花俏的轉場,動畫之類的),不過可以僅用編輯器就生出來,同時可以使用Markdown語法給予簡報內容整齊又美觀的排版。