可直接用 VS Code 的远程资源管理器通过 Remote-SSH 扩展连接服务器编辑文件:先安装扩展,配置 ~/.ssh/config 中的 Host、HostName、User 和 IdentityFile,再通过命令面板连接并打开远程文件夹,所有操作实时作用于服务器。

可以直接用 VS Code 的远程资源管理器(Remote Explorer)连接服务器,编辑上面的任意文件,无需下载到本地。
前提:安装 Remote-SSH 扩展
VS Code 默认不带远程功能,需先装官方扩展:
- 打开扩展面板(Ctrl+Shift+X 或 Cmd+Shift+X)
- 搜索 Remote - SSH,安装由 Microsoft 发布的版本
- 重启 VS Code(部分版本需要)
配置 SSH 连接信息
让 VS Code 知道怎么连你的服务器:
- 按 Ctrl+Shift+P(或 Cmd+Shift+P),输入 Remote-SSH: Connect to Host...
- 选 Configure SSH Hosts...,选择 SSH 配置文件位置(通常是 ~/.ssh/config)
- 在配置文件里添加类似内容:
Host my-server
HostName 192.168.1.100
User ubuntu
IdentityFile ~/.ssh/id_rsa
保存后,这个主机名就会出现在连接列表中。
连接并打开远程文件夹
连接成功后,就能像操作本地项目一样编辑服务器上的任何文件:
- 再次调出命令面板,选 Remote-SSH: Connect to Host...
- 选你刚配好的 my-server
- 等待连接建立,底部状态栏会显示 SSH: my-server
- 按 Ctrl+K Ctrl+O(或 Cmd+K Cmd+O),选择服务器上的任意目录(如 /var/www/html 或 ~/project)
- VS Code 会在远程环境下加载该文件夹,所有编辑、保存、终端操作都直接作用于服务器
小技巧和注意点
提升使用体验和避免常见问题:
- 首次连接可能提示确认服务器指纹,输入 yes 即可
- 如果提示“Permission denied”,检查 IdentityFile 路径是否正确、私钥是否有读权限(chmod 600 ~/.ssh/id_rsa)
- 想快速打开单个远程文件?用命令面板运行 Remote-SSH: Open File...
- 远程终端(Terminal → New Terminal)默认就是服务器环境,pwd、ls 都是服务器上的
基本上就这些。不用 FTP,不传文件,实时保存即生效,对运维、部署、调试都很方便。










