VSCode：实现远程GUI，显示plt.plot，设置x11端口转发

ゞ浴缸里的玫瑰 2023-09-25 13:35 47阅读 0赞

问题

服务器 linux ubuntu16.04  
本地 windows 10

很多小伙伴发现VSCode不能显示figure，只有用自带的[jupyter][]才能勉强个截图、或者转战远程桌面，这对数据分析极为不方便。  
在[命令行][Link 1]键入xeyes（一个显示图像的命令）会failed，而桌面下会出现：  
![在这里插入图片描述][20200706152129497.png]

但是[Xshell][]能实现X11转发图像，有交互功能，但只能用Xshell输入命令plot，实在不方便。  
其实VScode有X11转发插件！！

## 一、安装Xming ##

1、XMing的配置：打开XLaunch，记住Display Number，现在这里是0，后面配置及XShell中会用到。

![70][] ![70 1][]

![70 2][]

后面的都直接点下一步即可：--> Start no client -->Clipbard-->完成。

这时还要设置IP充许，如果不设IP充许，将会被Xming拒绝而打不开：首先打开Xming安装文件夹找到 X\*.hosts 文件(\*号为上面Display Number 数字），如本例就是找到X0.hosts文件，打开并在localhost下面一行，添加Linux服务器的IP地址。

![70 3][] ![70 4][]

2、Xshell 6配置

如下图，需要设置成localhost:0.0 其中0.0中第一个0就是与上面的Display Number相对应的。

![70 5][]

3、登录

用XShell 登录Linux系统后，切换到对应的打开软件的账号：

1、设置DISPLAY：export DISPLAY=本机IP地址：0.0

2、转到软件目录，打开软件，即可以发现当前机器打开了Linux的远程软件。

## 二、配置免密登录（已有请跳过） ##

这里需要配置一个免密登录的公私秘钥。  
在服务器运行

ssh-keygen -t rsa -C "username"

一路“yes”产生公私秘钥在~/.ssh  
![在这里插入图片描述][20200706153356973.png]  
将id\_rsa.pub重命名为authorized\_keys

cp id_rsa.pub authorized_keys

将公私秘钥从服务器上下载到本地，妥善保管，并删除服务器的私钥。

rm id_rsa.pub
    rm id_rsa

公钥可以放在别的服务器上实现多个服务器免密登录。  
用Xshell可以检验是否成功。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg_size_16_color_FFFFFF_t_70]  
能免密登录就是成功了。

顺便一提VSCode 免密登录：https://blog.csdn.net/qq\_34846662/article/details/99051947

## 三、VSCode 安装插件Remote X11 ##

之后在设置里面设置私钥位置：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg_size_16_color_FFFFFF_t_70 1]  
图方便的话直接把2中的私钥放在  
C:\\Users\\XXX.ssh 下面

此时在VSCode终端运行测试代码

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()

就可以看到图了，哈哈哈哈~~~  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg_size_16_color_FFFFFF_t_70 2]

[Xming +Xshell 6 实现远程打开Linux界面\_千里--伸的博客-CSDN博客\_xshell localhost:0.0][Xming _Xshell 6 _Linux_--_-CSDN_xshell localhost_0.0]

[VSCODE 实现远程GUI，显示plt.plot， 设置x11端口转发\_zb12138的博客-CSDN博客][VSCODE _GUI_plt.plot_ _x11_zb12138_-CSDN]

[jupyter]: https://so.csdn.net/so/search?q=jupyter&spm=1001.2101.3001.7020
[Link 1]: https://so.csdn.net/so/search?q=%E5%91%BD%E4%BB%A4%E8%A1%8C&spm=1001.2101.3001.7020
[20200706152129497.png]: https://img-blog.csdnimg.cn/20200706152129497.png
[Xshell]: https://so.csdn.net/so/search?q=Xshell&spm=1001.2101.3001.7020
[70]: https://img-blog.csdn.net/20180829151012323?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FrdW9tYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: https://img-blog.csdn.net/20180829151431885?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FrdW9tYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 2]: https://img-blog.csdn.net/20180829151449819?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FrdW9tYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 3]: https://img-blog.csdn.net/20180829152435659?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FrdW9tYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 4]: https://img-blog.csdn.net/20180829152455169?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FrdW9tYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 5]: https://img-blog.csdn.net/20180829151727205?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FrdW9tYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[20200706153356973.png]: https://img-blog.csdnimg.cn/20200706153356973.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200706153717265.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200706154404403.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/2020070615523479.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3piMTIxMzg=,size_16,color_FFFFFF,t_70
[Xming _Xshell 6 _Linux_--_-CSDN_xshell localhost_0.0]: https://blog.csdn.net/akuoma/article/details/82182913#comments_17408399
[VSCODE _GUI_plt.plot_ _x11_zb12138_-CSDN]: https://blog.csdn.net/zb12138/article/details/107160825