教你使用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 

• 如何在 VS Code 安装 Remote - SSH？

答：在扩展商店 (`Ctrl + Shift + X`) 搜寻Remote - SSH，点击安装。 

• 如何透过 VS Code 界面新增 SSH 连线？

答：点击左下角绿色按钮 > "Connect to Host" > "Add New SSH Host"，输入 `user@server-ip`。 

• 连线远端服务器后，如何开启专案？

答：在档案 > 开启资料夹，选择远端服务器上的专案资料夹。 

• 如何在远端环境安装扩展？

答：VS Code 会自动同步已安装的扩展，你也可以在扩展商店手动安装到远端。 

• 如何在 VS Code 界面断开远端连线？

答：点击左下角绿色按钮，选择"Close Remote Connection"。

欢迎前往大大通获取更多精彩系列内容！