VSCode远程连接

这篇具有很好参考价值的文章主要介绍了VSCode远程连接。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1 VSCode 远程连接服务器

1、下载vscode

        百度搜索vscode(注意不是visual studio),进入vscode官网进行下载。

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

2、安装ssh插件

        根据你的操作系统选择对应的版本进行下载和安装。 安装完成之后,启动vscode,选择左侧Extensions 选项卡,在输入框搜索 remote ,选择安装Remote-SSH插件。

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

**3、添加服务器连接配置 **

        下载完毕会在侧边栏产生“远程资源管理器”图标,打开远程资源管理器,点击右上角设置进入配置界面,编写配置文件,并保存。

Host MyName                    # 服务器名称
    HostName 192.168.0.1     # 服务器ip
    User root                 # 登录用户名
    Port 22                 # 端口, 22
    # IdentityFile "C:\Users\****\.ssh\id_rsa"  # 本地密钥路径
VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

4、配置远程免密登录

  1. 在本地生成密钥
ssh-keygen -t rsa -C your_email@xxx.com
  1. 找到本地密钥位置,一般在 C:\\user\\username\\.ssh 目录下
VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

        Note:这里 id_rsa.pub 为公钥,需要我们上传到服务器上的 /home/username/.ssh 文件夹中,id_rsa 为私钥,需要我们在本地使用

  1. 上传完公钥之后,将公钥的内容输出到authorized_keys文件夹中,采用追加的方式
cat id_ras.pub >> authorized_keys

        authorized_keys文件如果没有,会自动进行创建

  1. 如果修改不成功,需要获得权限
chmod 700 ~/.ssh/
chmod 600 ~/.ssh/authorized_keys
  1. 在本地.ssh文件中添加本地私钥路径
Host MyName                    # 服务器名称
    HostName 210.30.97.162     # 服务器ip
    User root                 # 登录用户名
    Port 22                 # 端口, 9022
    IdentityFile "C:\Users\****\.ssh\id_rsa"  # 本地密钥路径

        如果以上步骤都成功了,那么就会在文件选项卡中看到远程服务器目录下的所有文件了:

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

        此时,你就可以像操作本地文件一样进行文件的增删改查等操作啦!

2 SSH通过VSCode远程访问服务器Opencv和matplotlib等无法直接显示图像问题

        在VSCode中通过SSH连接服务器,使用 cv2.imshowplt.show() 无法显示图像。

解决思路如下:

1、首先查看与服务器之间的网络连接问题

在本地端打开cmd,使用指令ping xxx.xxx.xxx.xxx,其中(xxx.xxx.xxx.xxx为服务器的IP地址)

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

        在VSCode或者 MobaXterm 中从服务器ping本地端

        使用指令ping xxx.xxx.xxx.xxx,其中(xxx.xxx.xxx.xxx为本地端的IP地址)

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

        这一步,默认状态下的Windows 11系统是ping不通的,这是因为防火墙直接给拦截了,去系统中关闭防火墙,再次尝试,直到能ping通为止。

        关闭防火墙步骤:

        控制面板搜索Defender

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

        然后关闭防火墙

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

2、在服务器端

~/.bashrc文件中加入:

export DISPLAY="10.69.164.78:0.0"

        其中引号中内容为本地端IP地址+:0.0。

        然后终端运行 source ~/.bashrc 使生效。

        在本地端安装MobaXterm,

        点击Settings–>Configurations–>X11,设置如下

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

        Display offset设置为0,如果设置为1的话,对应的第二步骤引号的内容改为本地端IP地址+:1.0,以此类推。

        X11 remote access改为full,表示开放远程访问所有权限。

3、配置VSCode

        注意:本地和服务器都需要安装 Remote X11 插件。如果你只在本地安装了插件,再次搜索它,然后你会看到这样的选项,安装就完事了

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

        进入你的ssh配置 C:\Users\xxx\.ssh\config,在末尾添加:

    ForwardX11 yes
    ForwardX11Trusted yes
    ForwardAgent yes
VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

4、保持MobaXterm开启的状态下,在VSCode中运行xclock,会显示一个时钟。

VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

5、opencv显示测试(测试过程中需保持MobaXterm开启的状态)

示例代码:文章来源地址https://www.toymoban.com/news/detail-718788.html

import cv2 as cv
 
src = cv.imread("./spoofing_detection-master/figures/general_flowchart_PAD.png")
cv.namedWindow("test",0)
cv.imshow("test",src)
cv.waitKey(0)
cv.destroyAllWindows()
VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

6、matplotlib显示测试(测试过程中需保持MobaXterm开启的状态)

示例代码:

import matplotlib.pyplot as plt
import numpy as np
from mpl_toolkits.mplot3d import Axes3D
ax = plt.axes(projection='3d')
ax.scatter(np.random.rand(10),np.random.rand(10),np.random.rand(10))
plt.show()
VSCode远程连接,Development Kit,vscode,ide,编辑器,RemoteSSH,远程连接

参考

  • SSH通过VSCode远程访问服务器Opencv和matplotlib等无法直接显示图像问题:https://blog.csdn.net/qq_17783559/article/details/131245475
  • VSCode远程连接服务器显示图像:https://blog.csdn.net/qq_28086751/article/details/122182388
  • VSCode 连接远程服务器使用图形化界面:https://blog.csdn.net/Dteam_f/article/details/109806294
  • vscode连接远程服务器:https://blog.csdn.net/zhaxun/article/details/120568402
  • VSCode配置并连接远程服务器 并设置免密登录:https://blog.csdn.net/qq_44776065/article/details/128540811

到了这里,关于VSCode远程连接的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端必备的开发工具推荐——VScode代码编辑器

            VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也

    2024年02月02日
    浏览(59)
  • VSCode无法从Extensions下载工具时,把工具下载到本地并添加到VSCode编辑器

    下载报错: Error while installing \\\'......\\\' extension. Please check the log for more details. 由于内网限制(或者其他网络限制)无法正常下载扩展工具到VSCode编辑器,可以把工具下载到本地再添加到VSCode编辑器来解决此类问题 进入Extensions 搜索你需要安装的拓展工具 直接点击拓展工具的名字

    2024年02月12日
    浏览(70)
  • 【vscode编辑器插件】前端 php unity自用插件分享

    “思考是最困难的工作,这也许是为什么很少有人这样做。” - 亨利·福特(Henry Ford) 无论是什么语言,我都会选择使用vscode进行开发,我愿称vscode为万能编辑器,他之所以这么强大,得益于丰富的免费插件市场 vscode插件五花八门,但也不是装越多越好,不必要和垃圾插件

    2024年02月07日
    浏览(58)
  • Python的编辑器VScode中文设置和Hello World

    个人比较常用的用于Python开发的编辑器是VScode,大概的原因应该是免费,且便于项目文件的管理。 VScode中文设置插件及使用方法 VScode下载安装好之后,可以在软件左侧的“扩展”中搜索安装一些插件,用于辅助开发。 个人比较常用的几个VScode插件如下: 1、简体中文插件,

    2024年02月07日
    浏览(50)
  • 使用Vscode 编辑器 导出、导入和运行Excel中的VBA代码

    前言 Excel自带的 Microsoft Visual Basic for Applications 编辑器常被人称为上古编辑器,的确不适合代码编辑,这是其一,其二是当系统语言与Excel的安装语言不一致时,往往出现乱码,看起来极不舒服,这时又需要更改系统语言,所以往往需要探索其他的VBA开发编辑器,经过一番探索

    2024年02月04日
    浏览(123)
  • git实战—Gerrit配置SSH key & 下载代码到本地 & 使用VScode编辑器编辑提交代码——2023.07

    centos7 部署Gerrit Windows10 部署gitbash 2.41 版本 首先在虚拟机上搭建Gerrit服务,在Windows上部署好gitbash;其次,配置 publishkey 连接Gerrit仓库;最后使用git clone下载代码到本地,再使用VScode编辑提交代码带仓库。 当然,直接使用VScode连接Gerrit也是可以的,但由于VScode终端中的命令不

    2024年02月09日
    浏览(90)
  • 在VSCODE编辑器是用ctrl+c和ctrl+s(复制粘贴)失效怎么办

    有时我们在开发过程中,由于使用vsccode太长时间导致复制ctrl+c和ctrl+s会失效,之前我的处理方式是重启浏览器,但有时候这样太耗时间了,但发现一个方法可以解决,就是刷新下编辑器的timeline就行,如下图:

    2024年02月15日
    浏览(51)
  • vscode编辑器,vue、小程序等语言适配eslint格式校验 + prettier 保存时自动修改格式

    目的:自留备份,用者自取 基础配置 1 基于vscode编辑器,prettier插件需要下载 2 eslint配置项规则: https://eslint.bootcss.com/docs/rules/ 3 prettier配置项规则: https://prettier.io/docs/en/options.html 安装插件 配置文件问题: 如果项目中带有.vscode文件夹,这里面的setting.json会覆盖全局的sett

    2024年02月09日
    浏览(55)
  • VScode 编辑器报错: ‘HelloWorld‘ is declared but its value is never read.

    .vue文件被标识红色波浪线;提示: \\\'HelloWorld\\\' is declared but its value is never read. 问题原因: 因为vue3已经不支持vetur插件。 1、在扩展里面进行搜索Vetur插件,进行禁用或卸载; 2、在 VScode扩展里面搜索并下载对应插件: Vue Language Features (Volar)和TypeScript Vue Plugin (Volar) 如果提示下

    2024年02月11日
    浏览(55)
  • VSCode查看和编辑远程服务器的代码

    在嵌入式开发过程中,由于需要交叉编译,所以很多时候代码都是放在编译服务器上,并给每个项目成员分配一个账号。这时候访问代码,可以通过 Samba 服务器将代码目录挂载到本地,再通过 VSCode 去打开服务器的代码。 但是,这时候我经常碰到通过 VSCode 打开 C 代码时,出

    2024年02月16日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包