vscode遠程開發使用SSH遠程連接服務器的方法

遠程連接服務器工具有很多，比如XShell、putty等，可以通過ssh來遠程連接服務器，但這用于寫代碼并不方便，可能需要現在本地寫好代碼后再將源代碼傳送到服務器運行、服務器上的圖片也無法直接查看…

而vscode可以很好的解決這些問題，它的核心組件都運行在遠程環境中，本地的開發機器完全不需要擁有遠程開發環境的源代碼，在vscode上編寫代碼可以直接同步更新到服務器上，給你帶來絲滑般的遠程開發體驗。

 

所以這篇文章教程，我們將通過vscode實現遠程開發，并做內網穿透實現在公網環境下的遠程連接，在外任意地方也可以遠程連接服務器進行開發寫代碼。

1、安裝OpenSSH

打開Windows開始頁面，直接進行搜索PowerShell，打開第一個Windows PowerShell，點擊以管理員身份運行

打開之后，輸入以下指令：

1	Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'

此時出現的結果就是電腦里沒有安裝OpenSSH的情況：

如果已經安裝了OpenSSH那么跳過這一步，沒有安裝的話則輸入以下指令

1	Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0

最終結果為如下，則代表著OpenSSH安裝成功：

顯示OpenSSH安裝成功后，在打開本地cmd進入之后輸入命令ssh

1

ssh

如果顯示的是這樣結果的話，則說明正確：

2、vscode配置ssh

在windows上安裝vscode，安裝成功后并打開。

點擊左側工具欄中的擴展，搜索“ssh”，選擇第一個Remote - SSH進行安裝（我已經安裝過了，所有此時顯示的是禁用狀態）

點擊左下角的“設置”按鈕，緊接著點擊“設置”

根據截圖的提示，找到Show Login Terminal并勾選該選項

點擊左側工具欄中的遠程按鈕，可以查看遠程連接，點擊SSH TARGETS下面顯示的服務器旁邊的按鈕進行連接操作

3. 局域網測試連接遠程服務器

以ssh連接ubuntu為例，打開vscode后，先嘗試使用局域網地址ssh遠程ubuntu

輸入命令到對話框中，并回車

1	ssh  username@ip

選擇一個配置文件

輸入完成在右側會顯示出來剛剛添加的ssh 連接,點擊 -->圖標 連接,出現輸入密碼,輸入密碼即可

出現綠色標志表示連接成功

4. 公網遠程連接

目前我們只能在局域網內進行遠程，具有一定的局限性。不過我們通過內網穿透來實現在公網環境下的遠程連接。這里我們借助工具cpolar內網穿透來實現，無需公網IP，也不用設置路由器，操作簡單。

cpolar官網：https://www.cpolar.com/

4.1 ubuntu安裝cpolar

本次教程我們使用的是ubuntu 圖形化系統，我們需要先在ubuntu上安裝配置cpolar，支持一鍵自動安裝腳本。

國內安裝

1	curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

或 cpolar短鏈接安裝方式：(國外使用）

1	curl -sL https://git.io/cpolar | sudo bash

查看版本號，正常顯示即為安裝成功

1	cpolar version

token認證

登錄cpolar官網后臺，點擊左側的驗證，查看自己的認證token，之后將token貼在命令行里

1	cpolar authtoken xxxxxxx

簡單穿透測試

1	cpolar http 8080

有正常生成相應的公網地址，按ctrl+c退出

向系統添加服務

1	sudo systemctl enable cpolar

啟動cpolar服務

1	sudo systemctl start cpolar

查看服務狀態，顯示如下圖所示為active則為已啟動狀態

1	sudo systemctl status cpolar

cpolar安裝并配置完成后，在瀏覽器上訪問本地9200端口，使用cpolar郵箱賬號登錄cpolar web UI管理界面

cpolar安裝成功后，默認會安裝2條樣例隧道，可以自行編輯或者刪減：

• ssh隧道：指向本地22端口，TCP協議
• website隧道：指向本地8080端口，HTTP協議

4.2 創建隧道映射

我們可以直接使用樣例隧道ssh，或者重新創建一個隧道，使用tcp協議,指向22端口。點擊左側儀表盤的隧道管理——創建隧道

• 隧道名稱：可自定義，注意不要重復
• 協議：tcp
• 本地地址：22
• 端口類型：隨機臨時TCP端口
• 地區：China vip

點擊創建

隧道創建成功后，點擊左側的狀態——在線隧道列表，可以看到，剛剛創建的隧道已經有生成了相應的公網地址，將其復制下來

4.3 測試公網遠程連接

在windows上打開vscode，使用所復制的公網地址來遠程SSH。

點擊SSH TARGETS下面顯示的服務器旁邊的按鈕進行連接操作

如左側沒有出現添加的連接,點如下按鈕刷新

接著點擊小箭頭 --> 連接,出現選擇ssh 類型,選擇linux

輸入參數,和密碼即可遠程成功,方便快捷。

出現以下信息表示遠程連接成功

5. 配置固定TCP端口地址

由于以上所創建的隧道選擇的是隨機臨時TCP端口，所生成的公網地址會在24小時內隨機變化，對于需要長期遠程的用戶來講不方便。不過我們可以為其配置固定的地址進行遠程連接，后續遠程無需先查看隨機公網地址再進行遠程。

注意：配置固定TCP端口地址功能需要升級至專業版套餐或以上才支持。

5.1 保留一個固定TCP端口地址

打開cpolar官網，登錄到官網后臺https://dashboard.cpolar.com/reserved,點擊左側的預留，我們來保留一個固定TCP端口地址：

• 地區：選擇china
• 描述：即備注，可自定義

地址保留成功后，系統會生成相應的固定公網地址，將其復制下來

5.2 配置固定TCP端口地址

在ubuntu系統上打開瀏覽器訪問本地9200端口，登錄cpolar web UI管理界面。點擊左側的隧道管理——隧道列表，找到ssh隧道，點擊右側的編輯，我們來修改隧道信息，將固定tcp端口地址配置到隧道中

修改隧道信息，將保留成功的固定tcp地址配置到隧道中

• 端口類型：修改為固定tcp端口
• 預留的tcp地址：填寫保留成功的地址

點擊更新

隧道更新成功后，點擊左側儀表盤的狀態——在線隧道列表，找到SSH隧道，可以看到公網地址已經更新成為了固定tcp地址。

5.3 測試固定公網地址遠程

打開vscode,選擇添加一個ssh連接

使用保留的tcp地址連接

刷新一下

刷新出來地址,點擊右邊小箭頭”–>”連接,出現以下提示,輸入yes

出現綠色信息,表示連接成功。

到此這篇關于vscode遠程開發使用SSH遠程連接服務器