Visual Studio Code 1.35更新:远程开发终于来啦

Wesley13
• 阅读 483

前段时间大家可能看过一个新闻:微软为VSC开发一款名为Remote Development的扩展程序,可以让我们使用本地VSC开发和调试远程机器上的代码。这个功能对于我这个不会使用vim等linux工具的人来说,简直是一个重大消息。可惜的是,当时远程开发插件还处于测试当中,只能在VSC Insider也就是测试版中使用。如今VSC更新到了1.35,增加了许多功能,远程开发就是其中之一。

安装远程开发插件

安装远程开发插件很简单,扩展搜索框里面直接搜索remote即可看到。远程开发插件包括三个插件,SSH用于连接远程linux主机,Containers用于连接docker环境,WSL用于连接linux子系统。直接安装远程开发插件,就可以同时安装这三个插件。

Visual Studio Code 1.35更新:远程开发终于来啦

配置SSH远程连接

开启Pubkey登录方式

如果想要用远程开发插件连接到远程主机,首先要做的事情就是设置SSH远程登录功能。远程开发插件允许我们使用Pubkey和密码方式登录,不过如果使用密码方式,每次都需要手动输入密码,实在是不方便。所以这里来介绍使用Pubkey方式登录。我们首先要做的事情自然是配置SSH Pubkey方式登录。

首先打开要远程连接的主机,然后打开/etc/ssh/sshd_config配置文件,进行一些必要的修改。

sudo nano /etc/ssh/sshd_config

然后找到PubkeyAuthentication并改为yes,如果这一行是注释状态,首先删除行首的#,然后进行修改。修改完毕之后保存文件。

PubkeyAuthentication yes

Visual Studio Code 1.35更新:远程开发终于来啦

添加公钥

下一步就是将我们开发机器上的公钥添加到远程机器上。做法很简单,首先需要生成一对密钥对,如果之前使用Git等程序的话应该已经生成过了,可以直接使用。如果不会的可以参考码云的帮助文章来生成SSH密钥对。

然后我们找到用户目录下的.ssh文件夹,用记事本打开其中的id-rsa.pub文件,然后复制其内容,内容大概应该是这个样子的。

Visual Studio Code 1.35更新:远程开发终于来啦

然后打开远程机器,在~/.ssh/authorized_keys文件中将公钥粘贴进去。如果没有这个文件就新建。保存之后,重启SSH服务即可。

sudo systemctl restart ssh

这时候我们使用一个SSH工具尝试登录远程主机,看看在不输入密码的情况能否成功登录。如果登录成功,那么SSH配置工作就成功完成了。

Visual Studio Code 1.35更新:远程开发终于来啦

远程开发

配置SSH远程开发

首先点击VS Code左下角的绿色代码按钮。 Visual Studio Code 1.35更新:远程开发终于来啦

这会打开命令面板,然后在其中选择SSH:打开配置文件。 Visual Studio Code 1.35更新:远程开发终于来啦

然后选择一个配置文件并进行编辑。 Visual Studio Code 1.35更新:远程开发终于来啦

这会打开配置文件,然后我们在其中填入远程主机的信息。Host是远程主机的名称,Hostname是远程主机的主机名或者ip地址,User则是我们要进行远程登录的用户名。由于前面设置了SSH登录方式,所以不需要输入密码即可登录,非常方便。

Host ubuntu
    Hostname 192.168.70.128
    User yitian

编辑完成之后,保存文件。然后再次打开命令面板,这次选择SSH:连接主机。然后会列出刚刚设置好的主机名,点击即可。

Visual Studio Code 1.35更新:远程开发终于来啦

这样一来,VS Code会弹出一个新窗口。这个窗口中的内容都是远程主机上的,打开的终端也是远程主机的终端。这样一来,我们就可以尽情的开发,而不用顾忌远程机器上是否安装了vim等编辑器,是不是很容易呢? Visual Studio Code 1.35更新:远程开发终于来啦

远程安装插件

如果你照着上面的步骤做下来,会发现一个问题,那就是远程编写代码的时候, 没办法使用很多功能,这是因为一些Code插件没有在远程主机上运行,为了获得最好的开发体验,我们需要在远程主机上安装插件。

办法也很简单,打开扩展窗口,会发现这时候扩展窗格分为了两个部分,一个是本地扩展,一个是远程扩展。而安装扩展的时候也多了一个远程安装按钮,点击它即可将扩展安装到远程机器上。

Visual Studio Code 1.35更新:远程开发终于来啦

安装成功之后,再次编辑代码,这次可以看到IntelliSense和格式化代码功能都成功的执行了。这样一来,我们就可以随心所欲的进行远程开发了!

Visual Studio Code 1.35更新:远程开发终于来啦

自动远程安装插件

如果你有很多个远程主机,而且有一些插件希望在SSH连接的时候自动安装到远程主机上,可以使用自动安装功能让所有远程主机都安装所指定的远程插件。

这个设置起来稍微有些麻烦,首先按F1打开命令面板,然后输入“settings json”,打开JSON格式的原始用户首选项。 Visual Studio Code 1.35更新:远程开发终于来啦

然后在JSON文件里粘贴下面一段代码,指定要默认在所有SSH主机中安装的远程扩展。数组里需要指定的是扩展的ID,可以在扩展页面中找到。这个ID需要一个扩展一个扩展的复制,因此设置起来比较麻烦。感觉这个部分可以直接复制粘贴别人已经配置好的文件。

    "remote.SSH.defaultExtensions": [
        "eamodio.gitlens",
        "mutantdino.resourcemonitor",
        "ms-vscode.cpptools",
        "austin.code-gnu-global",
    ]

Visual Studio Code 1.35更新:远程开发终于来啦

这样,远程开发所需的所有设置都配置完毕了。大家可以尽情痛快的用VS Code编写代码了,再也不需要花费大力气学习vim啦!

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Karen110 Karen110
3年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
3个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Stella981 Stella981
3年前
Eclipse插件开发_学习_00_资源帖
一、官方资料 1.eclipseapi(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhelp.eclipse.org%2Fmars%2Findex.jsp%3Ftopic%3D%252Forg.eclipse.platform.doc.isv%252Fguide%2
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
暗箭伤人 暗箭伤人
1年前
【www.ithunter.club】 20230922下午
不容易的2023年,我们一起努力【www.ithunter.club】(2023092208:00:00.8872062023092216:00:00.887206)1.人事招聘专员数名(可选远程或入职)2.招聘向坐标东京Yahoo、Shift、L
Python进阶者 Python进阶者
9个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这