VSCODE SSH 遠端連線 懶人包

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

該怎麼遠端使用VSCODE(Visual Studio)?

身為一個懶人,能在家裡就在家裡,能不去實驗室就不去實驗室,但自己的電腦不夠好怎麼辦?

當然最簡單的方式就是使用jupyter notebook,之後會再水一篇。

我們會使用SSH進行連線。

在每個步驟我可能會補充一點,你"可能"遇到的問題。

接下來我會用連松鼠都能懂的方式一步一步教你。

而且Linux (Ubuntu), Windows都能使用此方法操作。

SSH是甚麼?

電腦A : 你要連線的Server

電腦B:你的筆電or桌電

你可以把SSH想像成一個防盜門,這個防盜門要有鑰匙才能把這扇門打開。

SSH的做法是,你要把你的鑰匙拿給防盜門註冊,註冊之後,這扇防盜門在你來的時候就會自動幫你用你的鑰匙開鎖。

所以你的電腦A(Server)內部要有你電腦B的鑰匙資訊,這樣他才能開門。

那我們要怎麼做呢?

Step 1 下載、安裝VSCODE

建議下載網址:https://code.visualstudio.com/download

Step 2 打開VSCODE 點擊Extension部分(紅色框框)

點擊Extesion(擴充功能)

點擊Extesion(擴充功能)

Step 3 搜尋"SS​H" 並且點擊下載

安裝SSH功能

安裝SSH功能

Step 4 設定"SSH Extension",並搜尋"Show login"將其打開

用意:讓你知道你的VSCODE到底有沒有在連線。

打開SSH擴充設定

打開SSH擴充設定

"Show login"

"Show login"

Step 5 獲得鑰匙(Pubkey)

記得剛剛的SSH解釋嗎?

你的筆電(電腦B)要進入Server裡面(電腦A),所以我們要先

不論你是用哪個作業系統,都請你在VSCODE的原生Terminal中輸入

ssh-keygen -t rsa -b 4096

Windows 系統:

這個時候你會在Windows的下面資料夾看到他生成出來的SSH Key

Windows SSH Key 位置

Windows SSH Key 位置


Linux (Ubuntu) 系統:

  1. 進到你的主目錄,進入.ssh
cd ~ 
cd .ssh
ls

你的SSH Key應該就會生成在這個位置(~/.ssh)。

id_rsa.pub就是你的鑰匙

Step 6 將鑰匙放入主機

接下來就是要把你筆電(電腦B)的鑰匙放入Server(電腦A) 放到~/.ssh/authorized_keys

我們這邊以比較複雜的Ubuntu當主機

此時輸入下列指令

創建.ssh目錄(沒有的話) -- 請記得一定要創在"~"下面也就是你的home下面,這對後面的連線會有影響。
mkdir ~/.ssh 													# 創建.ssh目錄(沒有的話)
chmod 700 ~/.ssh # 給予該目錄權限
touch ~/.ssh/authorized_keys # 創建authorized_keys檔案(放你的PubKey的)
chmod 600 ~/.ssh/authorized_keys # 給予該檔案權限

Step 7 將id_rsa.pub內容複製到authorized_keys裡面

將你的筆電(電腦B)中的id_rsa.pub打開,複製裡面那一長串的亂碼。

把她貼到你的Server(電腦A)的authorized_keys檔案裡面

Step 8 設定VSCODE連線(你的筆電(電腦B))

按下Ctrl+Shift+P,打開VSCODE命令列。

選擇Remote-SSH: Open SSH Configuration File

Remote-SSH: Open SSH Configuration File

Remote-SSH: Open SSH Configuration File

Step 9 編輯user/.ssh目錄下的config檔案

編輯ssh config檔案

編輯ssh config檔案

當你打開config檔案時,應該會長的類似下面這段程式碼

Host <你想要顯示在你電腦上的名稱>
HostName <你連線Server(電腦A)IP地址>
User ​<你Server的電腦名稱>
port <你想指定的port號(可能沒有)>

雷點

到這一步的時候一定很多人霧煞煞。

我都用了阿,怎麼要密碼?我又沒有設密碼?幹嘛跟我要密碼?

VSCODE SSH預設密碼是甚麼?

答案:你的Config裡面輸入錯誤了

User ​<你Server的電腦名稱>

有87趴可能是這一行出錯了!

你電腦的名稱到底是甚麼?

還記得我前面說.ssh目錄要設在哪裡嗎? 設在"~"的下面

你的~是甚麼,那他就要填甚麼。

小技巧:在你的"~"目錄下打出ls -all就能知道了

cd ~
ls -all
紅色區塊就是你的電腦名稱

紅色區塊就是你的電腦名稱

紅色區塊就是你的電腦名稱,但不是填root。

總結

稍微複習一下SSH怎麼用。

你要連線的電腦(Server)裡面要有一個檔案叫做authorized_keys。

authorized_keys裡面會儲存著你的筆電或桌電的Pub_Key。

所以就是要將本地端的電腦產生一個Pub_key丟給Server上的authorized_keys檔案。沒有這個檔案名就自己建一個,也是可以用的。

然後記得你的.ssh要建立在你的"~"目錄底下才會好用。

你的User就是你的"~"名稱相對於Windows就是你的user名字。

只要以上都用好,應該都可以連線。

第一次寫Blog,也沒有用過,如果有任何問題,或者我可以改進的地方,還請多多指教。








留言
avatar-img
留言分享你的想法!
avatar-img
Takumi的沙龍
0會員
3內容數
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
該怎麼遠端使用VSCODE(Visual Studio)? 身為一個懶人,能在家裡就在家裡,能不去實驗室就不去實驗室,但自己的電腦不夠好怎麼辦? 使用SSH進行連線。 在每個步驟我可能會補充一點,你"可能"遇到得問題
Thumbnail
該怎麼遠端使用VSCODE(Visual Studio)? 身為一個懶人,能在家裡就在家裡,能不去實驗室就不去實驗室,但自己的電腦不夠好怎麼辦? 使用SSH進行連線。 在每個步驟我可能會補充一點,你"可能"遇到得問題
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
教大家讓 vscode 連上遠端電腦中的 docker 環境之中,步驟詳細且附圖
Thumbnail
前言 上次我們教到完了怎麼在 Gitlab CI/CD 怎麼自動打包 Docker Image 並自動上傳到 Docker Hub 以及如何將 Docker Image 做版號,今天我們來教 Gitlab CI/CD 其中之一很重要的是自動 ssh 連線,因為往後我們會透過 Gitlab 伺服器使
Thumbnail
前言 上次我們教到完了怎麼在 Gitlab CI/CD 怎麼自動打包 Docker Image 並自動上傳到 Docker Hub 以及如何將 Docker Image 做版號,今天我們來教 Gitlab CI/CD 其中之一很重要的是自動 ssh 連線,因為往後我們會透過 Gitlab 伺服器使
Thumbnail
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
切換終端機、更改預設的終端機,詳細且附圖
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
用 Vscode 直接連到遠端電腦進行編輯、編譯、執行遠端電腦的程式檔,完整教學
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
使用 Vscode 連線至 WSL 的詳細教學
Thumbnail
第一天上班,你需要設定 SSH key,因為你將使用 SSH 來 clone 代碼 Repo。SSH 與 HTTP 的主要差別在於安全性和速度,而 SSH 比 HTTP 更加安全和快速。本篇文章的主要目的是介紹如何在一台電腦上使用 SSH 登入多個 GitHub 和 GitLab 帳戶。 不管你的
Thumbnail
第一天上班,你需要設定 SSH key,因為你將使用 SSH 來 clone 代碼 Repo。SSH 與 HTTP 的主要差別在於安全性和速度,而 SSH 比 HTTP 更加安全和快速。本篇文章的主要目的是介紹如何在一台電腦上使用 SSH 登入多個 GitHub 和 GitLab 帳戶。 不管你的
Thumbnail
本篇目標:ftp-simple 連接與使用 本篇適合:需要使用Visual Studio Code 連接伺服器進行程式寫作的朋友 過去因為在實驗室的經驗,所有的程式皆存放在實驗室的伺服器上,因此我們會需要用本機的電腦嘗試連接到伺服器進行寫作。
Thumbnail
本篇目標:ftp-simple 連接與使用 本篇適合:需要使用Visual Studio Code 連接伺服器進行程式寫作的朋友 過去因為在實驗室的經驗,所有的程式皆存放在實驗室的伺服器上,因此我們會需要用本機的電腦嘗試連接到伺服器進行寫作。
Thumbnail
Visual studio code(VS Code),Hello World !
Thumbnail
Visual studio code(VS Code),Hello World !
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News