vscode远程连接服务器方法

文章目录

前言:网上一大堆教程,没几个对的… 下面是找了好久才找到的正确的教程。

教程一

转自

VScode简介

由微软推出的一款轻量级编辑器,拥有大量可拓展插件,可以根据自己的需求添加插件使编辑器的功能丰富起来。VScode和Sublime Text应该是最受欢迎的两款编辑器,本文将介绍在Windows下如何使用VScode连接远程linux服务器进行开发。

为什么用VScode

连接远程服务器的方法有很多,比如可以借助XShell、putty等软件使用ssh命令来登录远程服务器。但如果使用这种连接方法在远程服务器上进行开发工作,会来带诸多不便,比如:

  • 全程只能在终端使用指令操作,文件操作麻烦。
  • 写代码不方便,我们可能会先在本地写好代码再使用scp指令把源代码传送到服务器再运行,或直接在服务器上使用Vim或Vi进行编辑,这些操作起来我个人觉得都不顺手。
  • 服务器上的图片无法查看,比如有时候我们的程序最后输出一些图片,我们在终端上无法查看,还要传回本地才能看到。

使用VScode能够很好的解决以上问题,VScode连接服务器后的方便程度和本地开发几乎没有差别!在VScode中编辑代码直接同步更新到服务器上,可以用鼠标在文件目录对文件进行操作,可以查看图片。

如何使用VScode连接远程linux服务器

安装VScode

直接在官网下载即可。

安装OpenSSH

该服务的作用是让你可以在终端使用ssh指令,Windows10通常自带OpenSSH不需要安装。

  • Windows10下检查是否已经安装OpenSSH的方法:
    按下快捷键Win + X,选择Windows PoweShell(管理员),输入以下指令:
    Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'
    如果电脑未安装OpenSSH,则State会显示NotPresent
  • 如果未安装,则输入指令:
  • Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0
    安装完成后会出现以下输出:
  • OpenSSH安装成功后,Win+R输入cmd进入终端,输入ssh命令应该得到如下结果:

安装Remote-SSH

Remote-SSH是VScode的插件,安装完VScode以后,直接在插件中搜索ssh,即可找到Remote-SSH,点击install安装。

配置Remote-SSH

安装完Remote-SSH以后左侧会出现一个远程资源管理的图标,选择SSH Targets,进入config配置文件

在配置文件中设置服务器信息,输入HostName和User,保存以后左侧会出现对应机器名称。

更改设置,File->Preferences->Settings->Extension->Remote-SSH,找到Show Login Terminal并勾选。

连接服务器

点击SSH TARGETS下的服务器旁边的按钮纽行连接,弹出让你输入密码:

在这里可能会弹出让你选择服务器的平台,需要选择以后才会出现输入密码的步骤

成功连上服务器,点击有右侧的+号创建服务器的终端窗口,可以正常使用了!

我们还可以打开服务器的文件夹

打开以后可以看到服务器文件目录,直接在文件目录中选择文件进行编辑,实时同步到服务器上,这时候已经可以开始愉快的进行开发了,开发体验媲美本地开发!


用不上的部分

通过跳板机连接服务器

有时候我们需要跳板机来连接服务器,也即先连接一台跳板机服务器,然后通过这台跳板机所在的内网再次跳转到目标服务器。最简单的做法就是按上述方法连接到跳板机,然后在跳板机的终端用ssh指令跳转到目标服务器,但这样跳转后,我们无法在VScode中打开服务器的文件目录,操作起来很不方便。我们可以把config的设置改成如下,就可以通过c00跳板机跳转到c01了:

Host c00
    HostName xxx.xxx.xxx.xxx(跳板机IP)
    User lyfeng

Host c01
HostName 192.168.0.10(内网地址)
User lyfeng
ProxyCommand “openssh的安装路径”\ssh.exe -W %h:%p -q c00
# 连接c00, 再通过c00的局域网ssh到c01

openssh的安装路径因人而异(我这里是C:\Windows\System32\OpenSSH\ssh.exe)

结语

本文是效率系列的第二篇文章,介绍了如何使用VScode连接服务器进行开发。VScode的Remote-SSH插件是让我使用VScode的直接原因,实在舒畅,再也不需要使用XShell和Vim这些组合来在远程服务器上开发了!如果大家还有其他提高工作效率的工具,欢迎讨论分享!评论看到了我会尽量回复的!

教程二

转自

介绍

赶着双十二买了个服务器玩玩,一开始使用putty连接服务器直接在上面用vim进行编程,但是速度确实不敢恭维经常出现问题,就研究如何在本地windows上使用vscode进行远程开发。这里介绍下其中的细节。

开始

具体实现通过vscode中的Remote-SSH插件完成的,这个插件是微软帝国亲自操刀编写的,官方介绍说是可以让你通过SSH连接远程服务器作为本地的开发环境,接下来就一步步了解Remote-SSH的安装、配置以及使用。

安装Remote-SSH

直接打开vscode中的插件搜索SSH找到Remote-SSH直接安装即可。

 

安装Remote-SSH.png

配置Remote-SSH

安装完成后会出现一个远程资源管理器图标,其中可以选择SSH Targets。

SSH Targets.png


然后点击配置:

配置服务器.png


此时打开一个config配置文件,让你输入HostName和User:

填写服务器信息.png


自此配置工作就完成了。

 

连接远程服务器

在这之前需要对vscode进行配置,具体文件-首选项-设置-扩展找到Remote-SSH中将其中的Show Login Terminal选中:

vscode中配置.png


此时你在vscode的远程资源管理器中就看到一个你配置好了的远程服务器,就可以连接了:

连接远程服务器.png


点击后会打开一个新的vscode窗口,在其下的终端中要求你输入远程服务器的密码:

登录远程服务器.png


登录完成后会打开一个Check remote终端这个终端并不能操作是用来保持SSH连接的,并且左下角提示SSH:centos说明连接成功:

连接成功.png

 

工作在远程服务器中

此时你的vscode就工作在远程服务器中了,让我们来打开一个文件夹:

在远程服务器中打开文件夹.png


点击后就打开了家目录,此时我们就可以像平常那样直接用vscode的资源管理器来管理我们的文件了。

编辑文件.png


如果我们想要打开远程服务器的shell,那么可以像在本地那样直接在终端中打开就好了:

打开终端.png


本机中的插件是无法在远程服务器中使用的,这就需要我们从新安装插件,这个也比较简单,在连接上远程服务器后在vscdoe的插件侧边栏中就可以看到一个专为远程服务器显示 安装插件的区域,此后的操作与本地安装基本一样。

搜索插件.png

 

安装插件.png

 

安装完成.png

 

总结

自此你就可以尽情在vscode中使用远程服务器作为本地环境来进行开发了。你也可以参考以上内容来在WSL(Windows Subsystem for Linux)中进行开发,不同的是其安装的插件名字叫做Remote-WSL,也是微软亲自操刀的。

拾遗

这里用来写一些使用过程中会出现的问题:

问题一:在使用过程中包括使用putty来SSH连接远程服务器的时候出现一段时间不操作连接断开的解决方法:

  1. 找到sshd_config配置文件进行编辑:

sudo vim /etc/ssh/sshd_config

  1. 在其中找到以下配置项目:

 


   
   
  1. #ClientAliveInterval 0
  2. #ClientAliveCountMax 3
  1. 去除注释并修改

 


   
   
  1. ClientAliveInterval 60
  2. ClientAliveCountMax 3

ClientAliveInterval指定了服务器端向客户端请求消息 的时间间隔, 默认是0, 不发送.而ClientAliveInterval 60表示每分钟发送一次, 然后客户端响应, 这样就保持长连接了.ClientAliveCountMax, 使用默认值3即可.ClientAliveCountMax表示服务器发出请求后客户端没有响应的次数达到一定值, 就自动断开. 正常情况下, 客户端不会不响应。

  1. 重启sshd service

sudo /etc/init.d/ssh restart

问题二:并不是所有的本地插件都无法使用,发现一些编辑相关的操作都可以使用,例如我的vim插件,而类似Project Manager,python,path Intellisense这样的可能使用到服务器内容的插件都需要安装到远程服务器上。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ClimberCoding

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值