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

太过爱你忘了你带给我的痛 2023-01-15 14:27 107阅读 0赞

**关注+****星标公众****号**，不错过精彩内容

![513c0ac451cc14e5bbb23b4ee2f2d541.gif][]

编排 | strongerHuang

微信公众号 | 嵌入式专栏

VS Code几乎是所有的程序员必备的工具之一，据说全球一般的开发者都使用过VS Code这款工具。

今天为大家介绍一下 VS Code 实现远程办公的方法。

嵌入式专栏

**概述**

通常，我们都是每天到工作的办公室进行办公，但是，如果下班回家，或者出差，此时如果马上需要重要的文件，或者升级一下代码，是不是必须要回到办公室才行啊？

但是，如果你电脑配置了远程办公，这种问题就迎刃而解了。

首先说下VS Code远程开发的工作原理，大致是这样的：

![660c34706c3a06c3ca97bca801933c13.png][] VS Code 远程开发原理

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

嵌入式专栏

**远程开发配置**

**1.配置SSH环境变量**

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

![c7cbdbfa352124b24c926f1cb19c9e5a.png][] SSH程序

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

![d3125c4a385a33d06d924f2e4cc17dbc.png][] 环境变量

####     ####

#### **2.安装远程开发插件** ####

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

![1cb58c5bda112b862816737c11b92ddf.png][] 远程开发插件

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

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

#### **3.配置远程连接** ####

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

![73f3966f371af81e47226c5ee93bf48a.png][] 机器配置

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

![1e1c87fc8e57dce961412f13bd5416af.png][]

SSH配置文件

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

![92d9d363cfa34acf9ed9594b38424c6e.png][]

登录远程服务

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

![43f934ad78fb811310080d6c894e69f2.png][]

打开远程目录

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

![8675e479b2e59a1c134577c35c5cc138.png][]

本地插件和远程插件

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

![1f41b15149767f8ae142a24f11a1e157.png][]

远程编辑和调试

嵌入式专栏

**配置SSH免密登录**

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

*  打开win cmd终端，输入 ssh-keygen -t rsa 生成秘钥对

![a5b95f1a7f21d8e6adbd15db09bd535f.png][]

秘钥列表

*  打开生成的秘钥保存路径，拷贝 id\_rsa.pub 内容，添加到到云服务器的 ~/.ssh/authorized\_keys 文件后面。
 *  尝试再次连接，不用输密码了，enjoy！

##     ##

嵌入式专栏

**最后**

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

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

**免责声明：**本文素材来源网络，版权归原作者所有。如涉及作品版权问题，请与我联系删除。

\------------ **END** ------------

后台回复『**软件工具**』『**编辑器**』阅读更多相关文章。

**欢迎关注我的公众号，**回复“**加群**”按规则加入技术交流群，回复“**1024**”查看更多内容。

**欢迎关注我的视频号：**

![f8592e51a0593990cd032bd839f90978.png][]

点击“**阅读原文**”查看更多分享，欢迎**点分享、收藏、点赞、在看。**

[513c0ac451cc14e5bbb23b4ee2f2d541.gif]: /images/20221022/15fb8d3558e347c7a059177d2554ad99.png
[660c34706c3a06c3ca97bca801933c13.png]: /images/20221022/f53ca6eb476c4d8b90b83bf57328ea39.png
[c7cbdbfa352124b24c926f1cb19c9e5a.png]: /images/20221022/e8b1992ba93f4746bec6af6ed982c0d7.png
[d3125c4a385a33d06d924f2e4cc17dbc.png]: /images/20221022/5bed64f8cbdf434594089c6903139f6d.png
[1cb58c5bda112b862816737c11b92ddf.png]: /images/20221022/849327f8ac364dd8af9c24e42f092d69.png
[73f3966f371af81e47226c5ee93bf48a.png]: /images/20221022/3d6d6e6d752d43ada1dec05e7e2ae2df.png
[1e1c87fc8e57dce961412f13bd5416af.png]: /images/20221022/737bf374f5c546d69bc55860595e6c00.png
[92d9d363cfa34acf9ed9594b38424c6e.png]: /images/20221022/bd565ba54b8c4e7eba9a19361be63d8d.png
[43f934ad78fb811310080d6c894e69f2.png]: /images/20221022/59830101d2744c7c803922cc7fb85c82.png
[8675e479b2e59a1c134577c35c5cc138.png]: /images/20221022/34d42d63837948088f5517a61951ecc1.png
[1f41b15149767f8ae142a24f11a1e157.png]: /images/20221022/cfdfa83e646444ee95cf4e2f1cf67abc.png
[a5b95f1a7f21d8e6adbd15db09bd535f.png]: /images/20221022/79bdc26f28c64015bd4733d63daf38a7.png
[f8592e51a0593990cd032bd839f90978.png]: /images/20221022/0ce40006703d4e9888e4420e43956272.png