Windows 下 VS Code 远程连接 Ubuntu 并配置免密登录

1.安装 Visual Studio Code

Visual Studio Code 官网链接:https://code.visualstudio.com/

Visual Studio Code 官网下载链接:https://code.visualstudio.com/Download

点击下载按钮,默认推荐的是 User Installer 版本,大多数人都是单机单用户,这里下载默认的即可。

  • User Installer:安装在当前计算机帐号目录下,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的 Visual Studio Code。
  • System Installer:安装在非用户目录下,任何计算机帐号都可以使用。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2.安装必要的插件

在这里插入图片描述

在这里插入图片描述

3.为本机生成 SSH 密钥对

通常情况下,我们会为一台电脑生成一个 SSH 密钥对,名字叫 id_rsa,然后提交到多个不同的网站/服务器。

之前我在 配置 Git 连接 GitHub 时,已经生成过一个 SSH 密钥对,默认存储在 C:\Users\账户名\.ssh 目录下,如下图所示:

在这里插入图片描述

在你的电脑上查看一下,如果 SSH 密钥对已经存在,则可以直接使用,跳过本步骤即可;如果 SSH 密钥对不存在,则执行如下命令产生 SSH 密钥对:

ssh-keygen -t rsa -C "本机标识"

上面命令中的 -C 只是给产生的密钥对加了一个注释,建议填写跟这台机器相关的内容,具体原因参考这篇文章:https://www.jianshu.com/p/f3020c04d966

在这里插入图片描述

生成的 SSH 密钥对默认存储在 C:\Users\账户名\.ssh 目录下,如下图所示:

在这里插入图片描述

4.将公钥拷贝到 Ubuntu 上

首先在 Ubuntu 上查看一下 ~/.ssh/authorized_keys 文件是否存在:

在这里插入图片描述

如果 ~/.ssh/authorized_keys 存在,则将 id_rsa.pub 公钥里面的内容拷贝到 authorized_keys 里面。用记事本打开 id_rsa.pub,将里面的内容复制到剪贴板,然后通过 Xshell 终端粘贴到 authorized_keys 里面即可。

在这里插入图片描述

如果 ~/.ssh/authorized_keys 不存在,则执行以下命令创建,创建好之后再将 id_rsa.pub 公钥里面的内容拷贝到 authorized_keys 里面。

cd ~
mkdir .ssh
cd .ssh
touch authorized_keys

为了确保连接成功,请保证以下文件权限正确:

chmod 700 ~/.ssh
chmod 600 ~/.ssh/authorized_keys

重启 SSH 服务:

sudo systemctl restart sshd

5.配置 Remote 插件

打开 VS Code,然后点击左侧的“远程资源管理器”,选择“远程”:

在这里插入图片描述

接着点击小齿轮(设置),在弹出来的窗口中选择第一项,这样会在 C:\Users\账户名\.ssh 目录下自动创建并打开 config 文件:

在这里插入图片描述

在这里插入图片描述

如下图所示,填写好想要连接的主机信息:

在这里插入图片描述

填写完成并保存,然后点击“刷新”或重新进入“远程资源管理器”,在下面可以看到刚刚填好的主机名:

在这里插入图片描述

右键点击主机名,然后选择“在当前窗口中连接”或“在新窗口中连接”:

在这里插入图片描述

在新弹出的窗口中选择远程主机的操作系统类型:

在这里插入图片描述

在这里插入图片描述

如果弹出失败窗口,点击 retry 重试;如果连接成功,左下角则会显示当前已连接的主机名:

在这里插入图片描述

至此,Windows 下的 VS Code 成功连接到 Ubuntu,并且配置了免密登录!后续打开文件夹、编辑代码、运行代码等操作都是在 Ubuntu 环境下进行的。

6.关闭远程连接

点击“文件”,然后点击“关闭远程连接”即可退出:

在这里插入图片描述

7.卸载 Visual Studio Code

7.1 在控制面板中找到 Visual Studio Code 将其卸载

在这里插入图片描述

7.2 删除之前安装过的插件

以我的电脑为例,进入 C:\Users\Cai 目录,将 .vscode 文件夹删除。

在这里插入图片描述

7.3 删除用户信息和缓存信息

以我的电脑为例,进入 C:\Users\Cai\AppData\Roaming 目录,将 Code 文件夹删除。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_42815188/article/details/128736694