使用VS Code的远程资源管理器直观地浏览和编辑服务器文件

<ol><li>安装 Remote - SSH 扩展后，通过远程资源管理器添加 SSH 主机并连接；2. 成功连接后可在 VS Code 中直接浏览、编辑服务器文件，支持完整开发功能；3. 配置别名、端口和密钥登录可提升效率，确保服务器 SSH 服务正常运行。</li></ol>

使用 VS Code 的远程资源管理器，你可以像操作本地文件一样轻松浏览和编辑服务器上的文件。这个功能依赖于 Remote - SSH 扩展，让你无需离开编辑器就能连接到远程服务器，实现高效开发。

安装必要的扩展

打开 VS Code，在左侧活动栏点击扩展图标（或按 Ctrl+Shift+X），搜索并安装以下扩展：

• Remote - SSH：通过 SSH 连接到远程服务器
• Remote Explorer（通常随 Remote - SSH 自动启用）：提供图形化界面管理远程连接

配置远程连接

安装完成后，打开远程资源管理器（左侧活动栏最下方有“远程资源管理器”图标）。点击“SSH Targets”下的“+ Add New SSH Host”按钮，输入连接命令：

VS Code 会提示你选择 SSH 配置文件，一般选择默认的 ~/.ssh/config。配置保存后，你会在列表中看到新添加的主机。

右键该主机并选择“Connect to Host in Current Window”，VS Code 将通过 SSH 连接服务器。首次连接时会提示你确认服务器指纹，并选择远程系统的类型（如 Linux）。

北极象沉浸式AI翻译

免费的北极象沉浸式AI翻译 - 带您走进沉浸式AI的双语对照体验

24

查看详情

浏览和编辑服务器文件

连接成功后，VS Code 界面底部状态栏会显示绿色的“SSH: server-ip”标识，左侧资源管理器将变为服务器上的文件结构。

• 展开文件树，点击任意文件即可在编辑器中打开
• 直接修改内容并保存（Ctrl+S），更改会实时写入服务器
• 支持创建新文件、新建文件夹、重命名和删除操作

所有操作都如同在本地工作区进行，语法高亮、自动补全、错误提示等功能全部可用。

提高使用效率的小技巧

• 在 SSH 配置中设置别名和端口，例如：
  

  Host myserver<br>
        HostName 192.168.1.100<br>
        User devuser<br>
        Port 2222

  登录后复制
• 使用 SSH 密钥免密登录，避免重复输入密码
• 右键远程文件选择“Copy Path”可快速获取服务器路径
• 通过命令面板（Ctrl+Shift+P）执行“Remote-SSH: Reopen Folder in Remote”切换当前项目到远程

基本上就这些。只要网络稳定，VS Code 的远程资源管理器能让你像操作本地项目一样流畅地管理服务器文件，特别适合部署维护、云端开发等场景。不复杂但容易忽略的是确保服务器 SSH 服务正常运行，并开放相应端口。

以上就是使用VS Code的远程资源管理器直观地浏览和编辑服务器文件的详细内容，更多请关注php中文网其它相关文章！