手把手教你配置VS Code远程开发工具,工作效率提升N倍

彩虹网

今天和大家分享一个远程开发解决方案,聊一聊我平常是如何用 VS Code 进行远程开发工作的,以及一步步教你搭建远程开发环境,拥有比德芙还丝滑的远程开发体验。

我们厂里为了最大程度提高工程师生产力,各种研发配套工具非常的齐全,对开发人员每人都有一台云主机,而且是个人主机哦,申请就有的那种。有了云开发主机在家里或者在公司都可以随便折腾,加班也更方便了(好像哪里有点不对)。

手把手教你配置VS Code远程开发工具,工作效率提升N倍

传统的远程开发

大家都知道我是从事后台服务器开发工作的,主力语言是C/C++。我们的服务端程序一般都是跑在 Linux 服务器上面,传统的开发流程是在 window 或 Mac 的 IDE 环境编写代码,然后用 ftp 或 sync同步代码到开发机上编译,程序或服务最终发布到测试或生产环境运行。

就我来说,以前是这么干的:在本地 Windows 和 Linux 云开发机之间开启一个同步程序,本地编辑代码,实时后台同步到 Linux 云开发机,然后用 xshell 登录开发机编译、调试,这个过程有点不够优雅,现在有更香的解决方案。

更香的远程开发介绍下VS Code

这是一款开源编辑器,却不止是编辑器。

Visual Studio Code(简称VS Code)是一个由微软开发,同时支持Windows 、 Linux和macOS等操作系统且开放源代码的代码编辑器,它支持测试,并内置了Git 版本控制功能,同时也具有开发环境功能,例如代码补全(类似于 IntelliSense)、代码片段和代码重构等。该编辑器支持用户个性化配置,例如改变主题颜色、键盘快捷方式等各种属性和参数,同时还在编辑器中内置了扩展程序管理的功能 - 引用维基百科

我最喜欢的是它的插件能力,几乎想要啥功能都能找到插件支持,应该不用我安利你们都会喜欢的。

在 2019 年的 Stack Overflow 组织的开发者调研中,VS Code被认为是最受开发者欢迎的开发环境,据调查87317名受访者中有 50.7% 的受访者声称正在使用VS Code。

手把手教你配置VS Code远程开发工具,工作效率提升N倍

开发环境排名 - 图片来源网络

说了这么多,反正要表达的就是VS Code很厉害就是了。

重点来了,今天的主角功能是下面这个远程开发扩展插件。

微软在 PyCon 2019 大会上发布了VS Code Remote ,从 1.35.0 版本正式提供可以在本地编辑远程开发环境的文件的功能,所以首先确保你的VS Code版本是在这个之上的才能体验到。

VS Code远程开发的工作原理,大致是这样的:

手把手教你配置VS Code远程开发工具,工作效率提升N倍

VS Code 远程开发原理

下面讲讲如何配置,我的Local OS是 Win10 , Remote OS 是 Linux云主机。

远程开发配置配置SSH环境变量

远程开发本地 VS Code 用 SSH 协议与远程服务端通信,所以要先配置SSH环境变量,由于Git自带SSH客户端程序

手把手教你配置VS Code远程开发工具,工作效率提升N倍

SSH程序

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

手把手教你配置VS Code远程开发工具,工作效率提升N倍

环境变量

安装远程开发插件

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

手把手教你配置VS Code远程开发工具,工作效率提升N倍

远程开发插件

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

配置远程连接首先点侧边栏的「远程资源管理器」之后点击「设置按钮」,进入远程机器配置界面。

手把手教你配置VS Code远程开发工具,工作效率提升N倍

机器配置

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

手把手教你配置VS Code远程开发工具,工作效率提升N倍

SSH配置文件

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

手把手教你配置VS Code远程开发工具,工作效率提升N倍

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。