vscode 连接远程服务器

文章目录

    • [1. 背景](#1. 背景)
    • [2. vscode 连接 服务器步骤](#2. vscode 连接 服务器步骤)
      • [2.1 安装 remote-ssh 插件](#2.1 安装 remote-ssh 插件)
      • [2.2 配置 ssh 秘钥](#2.2 配置 ssh 秘钥)
      • [2.3 连接 server](#2.3 连接 server)

vscode 连接远程服务器

1. 背景

有服务器的同学,或许都有这样的感觉,服务器是 linux 系统,且只给个人提供一个终端进行连接,对于习惯于IDE编程的我们来说是很别扭的。所以,可以可视化的进行编程是我们更愿意看到的。vscode 配合ssh 插件就可以实现远程到服务器,可视化就行代码修改,配置文件修改以及终端编译运行,可以一定程度上提高我们的开发效率。

2. vscode 连接 服务器步骤

2.1 安装 remote-ssh 插件

  • 在vscode 的扩展中 搜索 "remote-ssh"并安装对应插件

  • 进行配置文件配置

    • 在安装完成后,会在最左侧面板中出现一个"远程资源管理器"的图标,然后点击进去之后进行配置

配置的时候,配置好服务器的别名,IP地址以及登录用户名,大致如下:

2.2 配置 ssh 秘钥

ssh 登录有2种方式,一种是使用密码进行连接,另外一种是秘钥对进行连接,将本地的公钥上传到服务器,每次连接的时候,远程主机会向客户端发送一段随机字符串。

客户端使用自己的私钥进行加密,并将加密后的结果发送回远程主机。远程主机随后使用事先存储的客户端的公钥来尝试解密这个字符串。如果解密成功,远程主机就会确认客户端是可信的,并直接允许客户端登录到shell,无需再输入密码。

如此一来,配置好秘钥后,就不需要每次都进行密码连接了,既安全又丝滑。

秘钥生成以及配置参考 本人 之前的 文章 ssh连接云服务器记录 中 2.3 小节。

2.3 连接 server

按照上述步骤配置完成后,打开 2.2 小节中的最左侧的 远程资源管理器 图标,就可以看到我们配置的别名服务器了。

然后 对应 右侧有 箭头图标 ➡ 以及 文件夹 图标,分别对应 在当前窗户口连接新窗口连接,我们这里使用当前窗口进行连接。

点击 箭头图标 ➡图标后就会进行连接,连接完成之后,我们可以打开对应的远程文件夹进行可视化操作了。

连接完成后就可以像使用 win 一样对文件进行编辑了。

vscode-ssh_connect

ssh 断开连接的方式这里终于找到了,更新在此处:

在最左下角有个 ><的符号,点击可以进入 vscode 的命令窗口,然后选择 断开连接即可。

相关推荐
金牛IT27 分钟前
Gogs 轻量级 Git 服务器搭建与使用
运维·服务器·git
念一不念二37 分钟前
VScode+云服务器
运维·服务器
七夜zippoe1 小时前
OpenClaw Skills 高级开发指南
服务器·网络·人工智能·skills·openclaw
想唱rap1 小时前
应用层协议与序列化
linux·运维·服务器·网络·数据结构·c++·算法
开开心心_Every1 小时前
轻量级PDF阅读器,仅几M大小打开秒开
linux·运维·服务器·安全·macos·pdf·phpstorm
生而为虫1 小时前
在VScode中使用Claude Code agent并配置模型(仅mac电脑实际操作,windows电脑未实际操作如有问题可留言)
windows·vscode·macos
IMPYLH2 小时前
Linux 的 tac 命令
linux·运维·服务器·bash
白菜欣2 小时前
Linux —进程概念
linux·运维·服务器
杜哥无敌2 小时前
FreeSSHd vs FileZilla Server vs SFTPGo:Windows SFTP服务器易用性终极横向测评
运维·服务器·windows
楼田莉子2 小时前
仿Muduo的高并发服务器:Channel模块与Poller模块
linux·服务器·c++·学习·设计模式