图解vscode远程开发+免密登录

如果你经常使用服务器进行代码开发，那么一定要尝试一下使用vscode进行远程开发，相信我，你不会后悔的!
下面我将结合图片，来详细说明一下使用vscode进行远程开发的步骤。

vscode下载地址：
https://code.visualstudio.com/
根据自己的系统选择对应的安装包安装即可。

远程连接步骤：

1. 在vscode中安装插件Remote Development

在左侧的扩展中搜索Remote Development：

2. 安装完成后：

在vscode最左侧的这一列中会出现一个类似电脑的小图标，这是远程资源管理器：

在vscode的左下角会出现一个绿色的箭头符号，可以用来打开远程窗口：

3. 点击左下角的这个绿色的箭头符号，会弹出如下界面：

这里选择红框中的任意一个即可，意思是连接到主机

4. 然后vscode会弹出：

这里点击红框选中的选择，添加新的SSH主机，因为我已经有添加了远程主机，所以会有上面的两行，如果没有连接过远程主机，不会有最上面的两行。

5. 在弹出的框中输入要连接的主机的IP，格式为：ssh 用户名@ip地址

6. 选择配置文件保存路径，配置文件中保存的就是连接远程主机的一些信息，用户名等，后面配置免密登录时会看到

7.配置完成后，点击vscode左侧的远程资源管理器会出现：

点击需要连接的主机右边的连接符号

8. 需要选择远程主机的操作系统

9.在终端中输入密码

10.等待远程主机安装所需要的依赖文件

11.最后就连接成功啦！

连接成功之后，左下角会出现远程主机的IP（名字）

12.打开文件夹，开心地进行coding吧！

连接失败：

如果连接了多个远程主机，后续出现连接失败的情况，那么可以去本地的.ssh文件夹下将known_hosts文件删掉，然后尝试重新连接。

上面介绍了连接远程主机的方法，但是这个方法每次连接都需要输入密码，那么如何进行免密登录呢？

免密登录方法：

1. 打开vscode远程配置文件：

点击左侧的远程资源管理器，再点击上面的设置按钮

然后会弹出：

也可以通过这里打开配置文件（见上面远程连接的步骤2和步骤3）：

2. 在本地生成ssh密钥（需要本地安装ssh，这里就不详细介绍了）

一路回车即可
会在.ssh文件夹中生成如下文件
id_rsa是私钥，id_rsa.pub是对应的公钥

3. 将id_rsa.pub中的公钥（选择记事本打开，复制即可）复制到远程主机的.ssh文件夹下的authorized_keys文件中

公钥：

远程主机中：

4. 在配置文件中加入本地私钥的路径：

解释一下各个选项的意思：
Host表示给远程主机起的名字(这个名字不需要是ip地址，自己可以随便起一个名字)，
HostName表示远程主机的ip
User表示远程主机登录的用户名
IdentityFile表示本地私钥的存放目录
ServerAliveInterval表示本地会每60秒给远程主机发送一个KeepAlive请求，保证终端不会因为超时空闲而断开连接
这样，下次登录远程主机的时候就不需要输入密码了。

done