对于开发人员来说,Visual Studio Code(VSCode)是一个强大的开发工具。通过VSCode的远程开发功能,我们可以直接在本地机器上编辑和调试远程服务器上的代码,大大提高了开发效率。下面,我将以傻瓜式的方式教你如何连接VSCode到远程服务器。

如何在远程服务器上进行编码呢?vscode!当然,还有很多其他选择,例如sublime、ultraedit等等,这里我们用非常流行的vscode来连接ubuntu服务器做讲解!

1、下载vscode

下载vscode自行安装。

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

Visual Studio Code(代码编辑器) v1.96.2 64位 中文免费绿色版

  • 类型:编译工具
  • 大小:140MB
  • 语言:简体中文
  • 时间:2024-12-23

查看详情

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

2、安装ssh插件

根据你的操作系统选择对应的版本进行下载和安装。安装完成之后,启动vscode,选择左侧Extensions 选项卡,在输入框搜索 remote ,选择安装Remote-SSH插件。

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

安装完成之后会在左侧新增一个选项卡Remote Explorer,如下图所示:

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

3、添加服务器连接配置

点击该选项卡,会进入SSH TARGETS的添加,如下图所示:

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

点击添加按钮,输入远程服务器的地址,账号和ip根据自己的情况进行修改,如下图所示:

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

保存之后,会将刚才的连接信息存储在 C:Userschaxun.sshconfig 中。

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

此时就可以在SSH TARGETS中看到添加的远程服务器地址了:

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

4、连接服务器

右键选择远程服务器,点击Connect to Host in Current Window:

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

如果远程服务器能够连接成功,此时会需要你输入密码:

vscode如何连接远程服务器? VSCode连接远程服务器的傻瓜式图文教程-风君雪科技博客

上一页12 下一页 阅读全文