0


使用VSCode连接远程服务器

1 效果展示
最近在使用云服务器开项目,发现VSCode的remote插件能远程连接服务器进行开发,这样就非常方便了。效果如下:

可以看到,这样操作,使得云端开发和本地开发几乎没什么不同,如果是云服务器就更方便了,内存也占用很少。

之前是用xshell结合xftp进行项目开发的,但是本地和云服务器的频繁拖拽很浪费时间,环境同步和包管理也很不方便。vscode独有的轻便性和丰富的插件大大提高了体验感。

不多说,现在将 VSCode 的远端开发环境安装过程奉上。

2 操作步骤
2.1 安装 SSH
由于我们是使用 SSH 连接远程服务器,因此 Windows 需要支持 SSH 。

可以通过安装 Git 来获取 SSH 功能,如何验证?使用 Win + R ,输入 cmd 打开控制窗口,直接输入 ssh ,如下提示,则代表 SSH 已经安装成功;

2.2 添加vscode插件
我们需要使用 Remote - SSH 插件,如图

安装完插件后,在侧边栏可以看到 “远程资源管理器” 图标。

2.3 配置SSH密钥
目的:为了以后服务器的免密登录。过程类似于 GitHub 网站添加本地电脑的 SSH 公钥。

1、使用如下命令,生成 SSH 公钥文件。如果已经生成,则可直接使用。

ssh-keygen

如图所示

2、一般生成的密钥文件,路径为:C:\Users\user.ssh ,找到公钥文件 id_rsa.pub ,复制到远程服务器 根目录 的 .ssh 文件夹中。

3、生成 authorized_keys 文件。这样后续在使用 Remote 插件时,不需要密码,就可以直接登录到服务器。

进入 .ssh 目录,使用如下命令,生成 authorized_keys 文件。

            cat id_rsa.pub > authorized_keys

此时ssh目录下有两个这样的文件:

问题备注:

(1)根目录,不一定非要是 /.ssh 路径,可以是自己的用户目录,类似这样:/ubuntu/.ssh。

(2).ssh 文件夹没有怎么办?新建一个文件夹,命名为 .ssh 即可。同时要确认远程服务器是否支持 SSH ,如果此时正是通过 SSH 方式连接的,那肯定是支持了。

(3)如果已使用 SSH 方式连接到远程服务器,可以直接在 .ssh 文件夹下新建 authorized_keys 文件,然后将 id_rsa.pub 文件中的内容全部复制到 authorized_keys 文件即可

2.4 添加配置文件
目的:配置 VSCode 连接远程服务器的一些基本信息。

1、点击左侧的 “远程资源管理器” 图标,点击右上角的小齿轮(设置)

2、在弹出来的窗口中,选择第一个 config 文件打开,参考下图,填写对应信息

(1)参考上述配置,释义如下
Host <远程主机名称>
HostName <远程主机IP>
User <用户名>
Port <ssh端口,默认22>
IdentityFile <本机SSH私钥路径>
ForwardAgent yes <VSCode 自己添加的,不用管>

Host :连接的主机名称,可自定义;

Hostname :远程主机的 IP 地址;

User :用于登录远程主机的用户名;

Port :用于登录远程主机的端口,SSH 默认为 22 ;

IdentityFile :本地的私钥文件 id_rsa 路径;

2.5 连接测试
1、进入 “远程资源管理器” 选项,右键点击主机名;

2、选择一种方式,连接到远程服务器,进行测试;

3、如果连接成功,左下角则会显示当前已连接的主机名。

标签: 服务器 vscode ssh

本文转载自: https://blog.csdn.net/weixin_44440522/article/details/127222668
版权归原作者 好一点,更好一点 所有, 如有侵权,请联系我们删除。

“使用VSCode连接远程服务器”的评论:

还没有评论