1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 使用VSCode连接远程服务器

使用VSCode连接远程服务器

时间:2022-04-17 20:02:00

相关推荐

使用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、如果连接成功,左下角则会显示当前已连接的主机名。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。