×

windows下使用vscode连接ubuntu服务器，使用xming将Ubuntu服务器端的图形界面转发到windows下

hqy hqy 发表于2024-05-16 17:21:32 浏览478 评论0

抢沙发发表评论

Windows下使用xming将Ubuntu服务器端的图形界面转发到windows下， 本文使用vscode连接ubuntu服务器


文章目录

  • 前言

  • 1、基本环境


    • 1.1本地配置

    • 1.2服器端配置

  • 2、步骤


    • 2.1 下载Xming

    • 2.2 本地（win10）安装xming

    • 2.2 本地（win10）运行XLaunch

    • 2.3 修改Xming配置文件

    • 2.4 VScode安装Remote-SSH 和Remote X11插件

    • 2.5 配置Remote-SSH

    • 2.6 配置VScode工程的配置文件

    • 2.7 服务器端配置display环境变量

  • 3、验证


前言

远程连接ubuntu服务器时，有时程序需要生成图形界面（如python中的plt.show()，甚至打开浏览器等），这时就需要使用转发技术实现转发功能。本文使用使用vscode连接服务器来得到Ubuntu端的窗口

1、基本环境

1.1本地配置

Windows 10 (ip 10.200.2.235)
Vscode 1.69.2
Xming-6-9-0-31

1.2服器端配置

ubuntu18.04 (ip 172.16.94.32)

2、步骤

2.1 下载Xming

下载地址：百度网盘
链接：https://pan.baidu.com/s/1btoVS7xLAD5UOX2vR_j1ZA?pwd=69md
提取码：69md

2.2 本地（win10）安装xming

注：图五建议选择Xlaunch图标
1.
在这里插入图片描述
2.
在这里插入图片描述
3.
在这里插入图片描述
4.
在这里插入图片描述
5.

在这里插入图片描述
6.
在这里插入图片描述

2.2 本地（win10）运行XLaunch

打开本地快捷方式XLaunch（如果没有去安装目录里找）
全波默认设置即可，不需要改变设置
在这里插入图片描述


在这里插入图片描述
2.
在这里插入图片描述
3.
在这里插入图片描述
4.
在这里插入图片描述

2.3 修改Xming配置文件

打开xming安装目录
在这里插入图片描述
找到X0.hosts文件
在这里插入图片描述

以记事本方式打开，添加一行服务器的IP地址，保存退出。
在这里插入图片描述

2.4 VScode安装Remote-SSH 和Remote X11插件

在这里插入图片描述
在这里插入图片描述

2.5 配置Remote-SSH

点击远程资源服务器，鼠标放到SSH TARGETS，点击设置图标
在这里插入图片描述
默认第一个即可
在这里插入图片描述
添加如下内容

Host renxin
    HostName 172.16.94.32
    ForwardAgent yes
    ForwardX11 yes
    ForwardX11Trusted yes
    Port 22
    User renxin

在这里插入图片描述

2.6 配置VScode工程的配置文件

VScode随便打开一个工程
选择运行和调试栏
点击设置图标，打开launch.json
在这里插入图片描述
添加如下内容，其中IP地址改成自己本地windows端的IP

            "env": {
                "DISPLAY": "10.200.2.235:0.0"
            },

在这里插入图片描述

2.7 服务器端配置display环境变量

连接到自己的服务器端，终端中执行

vim ~/.bashrc

在这里插入图片描述
在.bashrc文件的最后添加或修改DISPLAY的值
其中IP地址为本地windows端的ip地址

export DISPLAY="10.200.2.235:0.0"

在这里插入图片描述
esc :wq保存退出
执行

source ~/.bashrc

3、验证

（Xlaunch保持打开，在右下角可以看到图标）
在这里插入图片描述

首先重启vscode，连接服务器后终端中执行

xclock

在这里插入图片描述
弹出时钟
在这里插入图片描述
关闭时钟后，VScode中新建python文件并执行

from matplotlib import pyplot as plt

x = [1, 2, 3, 4, 5, 6]y = [10, 20, 30, 40, 50, 60]plt.plot(x, y)
    plt.show()

弹出窗口
在这里插入图片描述
成功！


本文链接：https://hqyman.cn/post/6120.html 非本站原创文章欢迎转载，原创文章需保留本站地址！

分享到：