Visual Studio Code使用Remote SSH 進行遠端開發

因為工作需要使用RB3 Gen2開發板，開發板作業系統使用Ubuntu，開發過程中發現使用Ubuntu的VIM很不方便，因此設置SSH環境，並使用Visual Studio Code（VS Code）的外掛SSH（Secure Shell Protocol）套件，透過VS Code開發較為方便。

►Remote - SSH 介紹

Remote - SSH 擴展讓開發者可以直接從本地端的 VS Code 連線到遠端機器，並在遠端環境中執行程式碼，就像在本機操作一樣。

優點：

在伺服器上開發，而不需要將程式碼下載到本地端

使用遠端的高性能計算資源

在不同環境間切換（如 Linux 伺服器、本機 Windows）

►安裝 Remote - SSH 擴展

開啟 VS Code並前往 擴展（Extensions）（快捷鍵：Ctrl + Shift + X）：

 

點選安裝，安裝完後後如下圖： 

►RB3 Gen2連網

高通RB3 Gen2 OS安裝Ubuntu 22.04，透過下方圖示的Micro USB連接電腦，電腦端開啟Serial程式連接，第一次開啟需要設定用戶名稱及密碼。

 

設定完成用戶名稱及密碼後，需要開啟Wi-Fi連線，先使用下方指令找出W-Fi SSID列表：

sudo nmcli device wifi list

列表內看到要連線的SSID即可停止找尋，透過下方進行連線，SSID及密碼需要自行替換：

sudo nmcli device wifi connect "SSID" password "密碼"

當設定完成後使用ifconfig指令查看Wi-Fi IP位置，假設IP為192.168.50.146，記住此IP後續SSH需要用來連接。

►VSCode SSH連接

點選左下角，藍色連結案紐：

上方就會出線Connect to Host (Remote-SSH)選項，點選此選項：

這裡需要輸入你連接裝置的IP位置

連接機台的user:ubuntu及ip位置，練線成功後，會請你輸入user密碼，如下圖片：

 

連接成功後，左下方就會顯示SSH:IP，接下來就可以從檔案->開啟你想要的檔案進行開發

►小結

VS Code 的 Remote - SSH 擴展提供一種便捷的方式來連接遠端伺服器進行開發，無需手動同步程式碼，也不受限於本地硬體資源，這使得開發者能夠更靈活地使用不同的開發環境，提升工作效率！本篇博文就到這邊，期待下一篇博文吧！

►Q&A 

1. 如何在 VS Code 安裝 Remote - SSH？

答：在擴展商店 (`Ctrl + Shift + X`) 搜尋Remote - SSH，點擊安裝。 

2. 如何透過 VS Code 介面新增 SSH 連線？

答：點擊左下角綠色按鈕 > "Connect to Host" > "Add New SSH Host"，輸入 `user@server-ip`。 

3. 連線遠端伺服器後，如何開啟專案？

答：在檔案 > 開啟資料夾，選擇遠端伺服器上的專案資料夾。 

4. 如何在遠端環境安裝擴展？

答：VS Code 會自動同步已安裝的擴展，你也可以在擴展商店手動安裝到遠端。 

5. 如何在 VS Code 介面斷開遠端連線？

答：點擊左下角綠色按鈕，選擇"Close Remote Connection"。