0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

开源编辑器的多个功能

牵手一起梦 来源:Linux爱好者 作者:佚名 2020-06-04 08:37 次阅读

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

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

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

开发环境排名

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

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

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

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

VS Code 远程开发原理

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

远程开发配置

配置SSH环境变量

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

SSH程序

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

环境变量

安装远程开发插件

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

远程开发插件

Remote - SSH - 通过使用 SSH 链接虚拟或者实体Linux主机。

Remote - Containers – 连接 Docker 开发容器。

Remote - WSL - 连接 Windows Subsystem for Linux (Linux子系统)。

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

配置远程连接

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

机器配置

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

SSH配置文件

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

登录远程服务

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

打开远程目录

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

本地插件和远程插件

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

远程编辑和调试

配置SSH免密登录

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

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

秘钥列表

打开生成的秘钥保存路径,拷贝 id_rsa.pub 内容,添加到到云服务器的 ~/.ssh/authorized_keys 文件后面。

尝试再次连接,不用输密码了,enjoy!

写在最后

这套远程开发环境体验下来,我整体是比较满意的,最大的好处是不用给电脑装太多软件,选择VS Code是因为需要经常在C++/Python/Go三种IDE之间切换比较麻烦,现在即使是电脑配置低点都没关系,因为所有的编辑器插件扩展和代码都在云端,通过 SSH 连接操作一个VS Code打遍所有。
责任编辑:pj

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 编辑器
    +关注

    关注

    1

    文章

    806

    浏览量

    31168
收藏 人收藏

    评论

    相关推荐

    图纸编辑器的基本操作

    “  之前几篇推文详细介绍了图纸编辑器的亮点功能,最后我们再介绍一下图纸编辑器的基本操作,来结束这个系列   ” 主窗口工具栏 工具栏由以下工具组成,不同操作系统的图标样式可能不同;不同版本的工具栏
    的头像 发表于 12-04 18:18 111次阅读
    图纸<b class='flag-5'>编辑器</b>的基本操作

    KiCad发现之旅(一)原理图编辑

    “ 本文转载自KiCad官网,通过几个简短的视频,帮助大家快速了解KiCad的基础功能。如需了解更多关于KiCad的咨询,请参考: KiCad常用资源  ” 原理图编辑器 KiCad 的原理图编辑器
    的头像 发表于 11-12 12:23 264次阅读
    KiCad发现之旅(一)原理图<b class='flag-5'>编辑</b>

    【北京迅为】itop-龙芯2k1000开发指南Linux基础入门vim 编辑器

    【北京迅为】itop-龙芯2k1000开发指南Linux基础入门vim 编辑器
    的头像 发表于 10-25 14:56 306次阅读
    【北京迅为】itop-龙芯2k1000开发指南Linux基础入门vim <b class='flag-5'>编辑器</b>

    Vivado编辑器乱码问题

    我们在日常开发中经常使用sublime、vim、vs code等第三方的编辑器,这些编辑器可以使用很多插件来提高我们的编码效率,但是也往往会带来乱码的问题。我一般使用的是sublime来进行编码
    的头像 发表于 10-15 17:24 751次阅读
    Vivado<b class='flag-5'>编辑器</b>乱码问题

    如何在TI-NA里的信号编辑器中生成自己的激励波形?

    大家好,请问如何在TI-NA里的信号编辑器中生成自己的激励波形,比如:产生上升沿5ns、下降沿5ns、脉冲宽度12ns的单脉冲激励信号!
    发表于 09-13 07:19

    vim编辑器命令模式使用方法

    Vim编辑器是一款功能强大的文本编辑器,广泛应用于程序员和开发者的日常工作中。Vim编辑器拥有多种模式,其中命令模式(Command mode)是最基本的模式之一,它允许用户执行各种命
    的头像 发表于 08-30 15:01 413次阅读

    vim编辑器如何使用

    Vim编辑器是一个功能强大的文本编辑器,它基于Vi进行改进,并增加了许多新特性。Vim编辑器的使用主要涉及其不同的工作模式及相应操作。以下是Vim
    的头像 发表于 08-30 14:58 439次阅读

    Vim编辑器之Vim常用操作命令

    hello1.c2、Vim一般模式常用命令Vim打开文件默认为一般模式,如果不是,需要按ESC键进入一般模式。1)移动光标Vim编辑器编辑过程使用键盘来完成的。在命令模式可以通过k、j、h、l(小写的L)来
    发表于 08-23 09:21

    嵌入式学习-常用编辑器之Vim编辑器

    在Linux下我们对文本进行编辑,经常用到的编辑器就是Vi/Vim,Vi/Vim命令众多,功能强大,是大多数Linux程序员选择使用的编辑器。下面先简单介绍Vim
    发表于 08-23 09:12

    常用编辑器之Vim编辑器

    在Linux下我们对文本进行编辑,经常用到的编辑器就是Vi/Vim,Vi/Vim命令众多,功能强大,是大多数Linux程序员选择使用的编辑器。下面先简单介绍Vim
    发表于 08-22 09:48

    使用Tina仿真时,信号编辑器里面的自定义为灰色,不能使用怎么解决?

    如题,在使用Tina仿真时,信号编辑器里面的自定义为灰色,不能使用
    发表于 08-13 06:04

    TSMaster 中 Hex 文件编辑器使用详细教程

    TSMaster软件的Hex文件编辑器提供了文件处理的功能,这一特性让使用TSMaster软件的用户可以更便捷地对Hex、bin、mot、s19和tsbinary类型的文件进行处理。本文重点讲述
    的头像 发表于 06-01 08:21 794次阅读
    TSMaster 中 Hex 文件<b class='flag-5'>编辑器</b>使用详细教程

    Zed Code编辑器新增Linux支持

    据悉,Zed代码编辑器是基于Rust语言开发的macOS软件,近期其研发团队宣布已成功实现Linux平台兼容。据悉,今年年初Zed首次发布时并未提供Linux版支持。
    的头像 发表于 05-10 10:31 566次阅读

    STM8用IAR编辑器调用串口2函数报错的原因?

    新手入门STM8,资料是用众拳的,,新手求助,为什么STM8使用IAR编辑器,程序是网上众拳的教程,为什么修改不了库函数的c文件,文件在编辑器的上面有个锁呢?还是我用的是STM8S105,只有串口2
    发表于 04-17 08:23

    求助,请问ADS能使用外部代码编辑器吗?

    请问ADS能使用外部代码编辑器吗(比如vs code)?
    发表于 02-18 07:19