VScode Remote 遠程開發與調試

簡介

最近VScode發布了遠程編程與調試的插件Remote Development，使用這個插件可以在很多情況下代替vim直接遠程修改與調試服務器上的代碼，同時具備代碼高亮與補全功能，就和在本地使用VScode一樣。終於不用在服務器端翻來覆去的配置vim插件了。

配置的過程很簡單，本文介紹如何通過ssh的方法鏈接到遠程機器上，另外插件還提供了連接到WSL和容器的功能。

遠程配置過程

1. 遠程主機安裝ssh-server

   
   
    

   

   根據本地OS選擇安裝方式

2. 本地主機安裝ssh-client

   
   
    

   

   根據本地OS選擇安裝方式

3. 安裝vscode。現在正式版也能和測試版一樣使用這一款插件了。

4. 安裝Remote Development插件

   
   
    

   

   安裝插件

5. 登陸的時候自動打開命令行窗口，通過ctrl+shift+p打開設置Remote-SSH-Settings，設置Remote.SSH:Show Login Terminal為true

   
   
    

   

   設置

6. 連接遠程主機
   安裝完插件后左下角會出現一個綠色的圖標，點擊選擇會在命令窗口彈出幾個選項

   
   
    

   

   選擇SSH
   
   

   選擇Remote-SSH：Connect to Host->Configure SSH Hosts->選擇一個config

   
   
    

   

   選擇config
   
   之后會出來配置config的信息，Host是自己給這份配置文件起的名字，HostName是遠程主機的IP地址，User是登錄名
   
    

   

   輸入自己的信息
   
   輸入完畢后保存，左側會出現配置好的信息，右鍵登陸即可。
   
    

   

   選擇主機

7. 選擇密碼登錄，需要在命令行輸入密碼登陸

   
   
    

   

   登陸后界面

8.選擇ssh無密碼遠程登陸
1）首先在客戶端生成ssh密鑰，打開命令行工具，我直接使用的git的git bash
ssh-keygen -t rsa -P '' -f ~/.ssh/id_rsa
如果已經生成了，那么進入cd ~/.ssh cat id_rsa.pub查看
2）ssh-copy-id 你的用戶名@你的IP
例如 ssh-copy-id username@192.168.1.1
會自動把公鑰傳輸到服務端的$HOME/.ssh/authorized_keys文件夾里

3. 每次登錄就不用輸密碼了

debug配置過程

首先本地要配置好調試的所有插件，每種語言不一樣，大家可以自行查找配置過程。我配的是rust，最終效果如圖，登陸上遠程服務器后，插件欄就變成了本地和遠程兩個部分。

 

本地和遠程插件不同

登陸上后遠程自己也會自動安裝插件，最后可以手動比對一下，如果哪個沒有自動安裝上就要自己再安裝。並且配置過程和本地debug配置過程是一樣的。之后就可以點菜單欄上的調試按鈕進行調試。效果如圖。

 

調試圖

參考資料

Developing on Remote Machines using SSH and Visual Studio Code

 

 

文章就分享到這，歡迎關注“前端大神之路”