良许Linux教程网 干货合集 手把手教你VS Code 实现远程开发的配置方法

手把手教你VS Code 实现远程开发的配置方法

据说,VS Code是几乎所有程序员必备的工具之一,全球大部分开发者都使用过它。今天,我们将为大家介绍 VS Code 实现远程办公的方法。

概述

一般情况下,我们都要到办公室才能进行工作。但是,如果需要在家里处理紧急文件或升级代码,难道非得去办公室吗?

幸运的是,如果你的电脑支持远程办公,那么就没有这个限制了。

现在,让我们来看看 VS Code 远程开发的工作原理:

image-20231124214213199
image-20231124214213199

VS Code 远程开发原理

下面结合Win10、Linux云主机给大家讲讲实现远程开发的方法。

远程开发配置

1.配置SSH环境变量

我们远程开发本地 VS Code 用 SSH 协议与远程服务端通信。所以需要配置SSH环境变量,我们使用Git自带SSH客户端程序:

image-20231124214229380
image-20231124214229380

SSH程序

如果你还没装Git的话,建议先安装 Git,所以配置 Git 的 bin目录到环境变量的 PATH 变量下,这样VS Code连接的时候就能找到它了。

image-20231124214239861
image-20231124214239861

环境变量

2.安装远程开发插件

要能连上远程主机,首先我们需要下载VS Code远程开发插件,VS Code其实是提供了一个远程开发插件包,包括:

image-20231124214242916
image-20231124214242916

远程开发插件

  • Remote – SSH – 通过使用 SSH 链接虚拟或者实体Linux主机。
  • Remote – Containers – 连接 Docker 开发容器。
  • Remote – WSL – 连接 Windows Subsystem for Linux (Linux子系统)。

打开软件的扩展界面,搜索 Remote 开头的插件,也能看到这三个的不同远程开发插件。我们这里连接的是云主机,选择安装 Remote – SSH 插件安装即可。

3.配置远程连接

  1. 首先点左侧边栏的「远程资源管理器」之,然后再点击「设置按钮」,进入远程机器配置界面。
image-20231124214247286
image-20231124214247286

机器配置

  1. 修改 ssh 配置文件,用于登录远程机器,各项含义在图中有说明。
image-20231124214253494
image-20231124214253494

SSH配置文件

  1. 点击连接,登录远程服务器,需要输入几次远程服务器的密码(后面会教你怎么免密登录),输入确认即可。第一次连接会做VS Code Server的初始化工作比较慢,耐心等待。
image-20231124214258266
image-20231124214258266

登录远程服务

  1. 登录成功,即可像操作本地环境一样,在VS Code客户端操作远程云主机上的文件。注意,下图中的「打开文件夹」已经是远端机器上的目录结构了。
image-20231124214301359
image-20231124214301359

打开远程目录

  1. 给远程VS Code 安装插件。安装的插件是在云服务器的VS Code上,对本机的VS Code没有影响,插件在远端提供功能,比如代码审查、自动补齐等等,而这所有的一切就像在本地操作一样,对文件的更改也是直接操作的云主机上的文件,丝滑连接。
image-20231124214305707
image-20231124214305707

本地插件和远程插件

  1. 代码编辑与远程终端调试。打开文件编辑的是云服务器的文件,同时可以打开云服务终端,直接在终端操作编译或者查看云服务器信息。
image-20231124214309934
image-20231124214309934

远程编辑和调试

配置SSH免密登录

按照上面的配置步骤,每次连接到远程服务器,都需要输入服务器登录密码很麻烦,可以配置SSH免密登录,免去每次输入密码的烦恼,具体操作步骤如下:

  • 打开win cmd终端,输入 ssh-keygen -t rsa 生成秘钥对
image-20231124214317121
image-20231124214317121

秘钥列表

  • 打开生成的秘钥保存路径,拷贝 id_rsa.pub 内容,添加到到云服务器的 ~/.ssh/authorized_keys 文件后面。
  • 尝试再次连接,不用输密码了,enjoy!

最后

这套远程开发环境最大的好处是不用给电脑装太多软件,即使是电脑配置低点都没关系,因为所有的编辑器插件扩展和代码都在云端,通过 SSH 连接操作一个VS Code打遍所有。

而且由于远程开发插件的存在,不论我在哪里,只要有电脑都能方便的打开云端开发环境,非常的方便,这么好用的工具大幅提升生产力,所以今天来分享给大家。

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

137e00002230ad9f26e78-265x300
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部