VSCode Remote-SSH 連接遠程服務器完成開發/編輯文件

Intro

關於本機如何使用SSH遠程連接服務器的配置、命令等等內容本文略過。

• 環境說明
  我的機器是Ubuntu，要遠程連接的是騰訊雲的Ubuntu服務器。
  如果你是在Windows操作，過程可能會和我有細微的差別。

操作步驟

1. 需要保證本機可以遠程訪問目標機器
   假設，我有一臺機器，IP爲1.1.1.1，用於登錄的用戶名：lisi，密碼lisi12345。
   (這個我隨口亂說的IP你可以換成你要連接的服務器的公網IP，或域名)
   那麼我遠程登錄的命令爲：ssh [email protected]，然後Enter輸入密碼lisi12345即可。
   (如果這一步有問題，需要自行百度先解決SSH配置、連接的問題)。

2. VSCode安裝插件、配置
   打開VSCode，Ctrl+Shift+X打開擴展側邊欄(單擊鼠標打開也行)
   搜索Remote，如圖，需要安裝的是Remote-SSH這款插件。
   

3. 配置
   安裝完成後，左側會出現一個小圖標：Remote Explorer(就是上圖擴展圖標下面的那個小電腦)
   然後點擊SSH TARGETS右側的＋符號。
   (上圖中wuyujin是我已經提前添加了一臺目標機器)

在彈出的輸入框中輸入ssh [email protected]，然後Enter：
選擇配置文件

我選擇的是第一個。
接着編輯/home/wuyujin/.ssh/config文件，文件內容如下：

# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host lisi
    HostName 1.1.1.1
    User lisi

4. 連接
   
   右擊你剛纔新建的ssh target。然後選擇在新窗口中創建新的連接。
   看到下圖場景(Press Enter to confirm your input or escape to cancel，按下Enter確認輸入，按下Escape取消)：輸入密碼lisi12345，然後Enter即可。
   注意看底部的狀態欄Opening Remote...，表明此時正在連接遠程機器。

5. 測試
   Ctrl+J，調出Terminal面板，這裏可以用於在遠程機器上執行命令。
   
   注意底部狀態欄的底部SSH:wuyujin，如果你是按照之前我說的樣例配置，現在會看到：SSH: lisi。

6. 打開文件/文件夾
   Linux環境下的VSCode，執行命令爲code
   打開文件 code file_name
   打開文件夾 code dir_name，不過會在新的VSCode窗口打開。