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

相关推荐
mengchanmian5 小时前
VSFTP 服务器搭建(Centos)
运维·服务器·centos
别动我齐刘海6 小时前
Linux 系统调试学习1
linux·运维·服务器·c++·学习·机器学习·机器人
不像程序员的程序媛8 小时前
linux常见文本操作命令
linux·运维·服务器
蜗牛互联网9 小时前
Python Agent工具调用的白名单、参数校验与审批门禁
java·服务器·前端·人工智能·后端·python
小HANN10 小时前
华为云企业网站上云实战|从零搭建高可用WordPress全站架构(ECS+RDS+ELB+弹性伸缩+云监控闭环)
linux·运维·服务器·经验分享
cgblpx10 小时前
vscode的安装
ide·vscode·编辑器
祖力5511 小时前
驱动工程搭建与字符设备驱动框架
linux·运维·服务器·内核·arm·imx6ull·驱动
发量惊人的中年网工11 小时前
SD-WAN 组网方案怎么选?跨地域与多分支企业的选型指南(含成本对比)
服务器·网络·数据库
斯晨的AI笔记11 小时前
在服务器上跑 npm ci 四十分钟没装完,我打包把 node_modules 扔了过去
服务器·node.js
曦樂~12 小时前
Symmetric Ciphers对称加密
运维·服务器