网站常用的js效果格子网wordpress主题

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 一样对文件进行编辑了。

不过这里发现一个问题，就是无法主动去断开与服务器的连接，没有找到相关的按钮操作，如果有读者找到了，，可以后台留言，我会更新到文章里面，谢谢~__~