文章目录
-
- [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 的命令窗口,然后选择 断开连接即可。