VS Code 如何连接服务器进行跨端开发

对程序员来说，远程开发是一种必要的技能。本文以本地 Windows10 环境为例，使用 VirtualBox 中的虚拟机 CentOS 模拟服务器，与你探讨如何实现远程开发。

本文假设你已经安装了 VirtualBox，以及在 VirtualBox 中安装了 Linux 系统。如果没有，请参考：# CentOS7 从安装到维护的全过程 。

在 VS Code 安装 Remote - SSH 插件

1. 打开 VS Code。
2. 点击左侧的扩展图标（或按 Ctrl+Shift+X）。
3. 在搜索框中输入 Remote - SSH。
4. 找到 Remote - SSH 扩展并点击安装。

把 Windows10 的 RSA 公钥放置服务器上

这样做，可以避免每次使用 VS Code 远程连接服务器时，都需要输入账号密码。

1. 在 Windows 中打开 Git Bash 或 wsl，输入 ssh-keygen -t rsa -b 4096 -C "your_email@example.com"，其中 your_email@example.com 替换为你的开发用的邮箱。
2. 上述命令执行后，会生成一对 RSA 公钥和私钥，在 *unix 系统中，它们默认是 ~/.ssh/id_rsa.pub 和 ~/.ssh/id_rsa；在 Windows 系统中，它们默认是 /c/Users/username/.ssh/id_rsa.pub 和 /c/Users/username/.ssh/id_rsa。
3. 把 id_ras.pub 文件上传到服务器。在 Git Bash 或 wsl，输入 ssh-copy-id -i /c/Users/username/.ssh/id_rsa.pub user@remote_host，其中 user 是远程服务器的用户名，remote_host 是远程服务器的 IP 地址或域名。然后根据提示输入用户名登录密码后即可。

VS Code 配置 SSH 连接

1. 打开命令面板（按 Ctrl+Shift+P 或 Cmd+Shift+P）。
2. 输入 Remote-SSH: Connect to Host... 并选择。
3. 选择 Add New SSH Host...。
4. 输入 SSH 连接命令，例如：ssh user@remote_host，其中 user 是远程服务器的用户名，remote_host 是远程服务器的 IP 地址或域名。
5. 选择 SSH 配置文件保存位置，通常选择默认的 ~/.ssh/config （在 Windows 中则是 C:/Users/user/.ssh/config）文件。

VS Code 连接到远程服务器

1. 再次打开命令面板（Ctrl+Shift+P 或 Cmd+Shift+P）。
2. 输入 Remote-SSH: Connect to Host... 并选择。
3. 选择你刚刚配置的远程主机。
4. 输入密码或使用 SSH 密钥进行身份验证。

打开远程文件夹

1. 连接成功后，VS Code 会打开一个新的窗口。
2. 点击左侧的资源管理器图标（或按 Ctrl+Shift+E）。
3. 点击 Open Folder，选择远程服务器上的工作目录。

开始开发

1. 现在你可以在 VS Code 中编辑远程服务器上的文件。
2. 使用集成终端在远程服务器上运行命令。
3. 使用 VS Code 的调试功能进行代码调试。

断开连接

1. 当你完成开发工作后，可以通过点击左下角的远程连接状态（显示为 SSH: remote_host）来断开连接。
2. 选择 Close Remote Connection 来断开与远程服务器的连接。

二次连接

1. 在 VS Code 左侧点击远程浏览(Remote Explorer)，打开远程(REMOTES)栏。
2. 在远程(REMOTES)栏的 SSH 下即可找到你曾经浏览的服务器目录，点击即可再次打开远程服务器代码。

小结

内容不多，希望能帮到你。