IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> win10+Xming+VSCode接远程服务器使用图形化界面(GUI) -> 正文阅读

[开发工具]win10+Xming+VSCode接远程服务器使用图形化界面(GUI)

Xming安装

  1. 官网下载
    在这里插入图片描述
  2. Download下载安装
  3. 下载完毕,点开安装包,直接按默认设置一路点击next完成安装。
  4. 进入Xming的安装文件夹,默认是“C:\Program Files (x86)\Xming”,
    在这里插入图片描述
    打开X0.hosts文件,回车,输入ubuntu服务器的地址IP
    在这里插入图片描述
  5. Xming配置完毕!

VSCode安装Remote-SSH和Remote X11插件

  1. 在vsocde软件的extensions中搜索对应插件名,并点击安装(以Remote X11为例)。依次安装Remote-SSH 和 Remote X11
    在这里插入图片描述
  2. 设置本地vscode Remote-SSH
    按照如下步骤打开remote-ssh设置
    在这里插入图片描述
    在这里插入图片描述
    加入如下字段,如果之前会用vscode连接远程服务器,那就只需要添加Forward那3行

vscode连接远程服务器
vscode连接远程服务器免密登录

比如你的服务器地址是 192.168.133.111, 用户名是aaa
 
Host 420Lab #这里可以随便取一个名字
HostName 192.168.133.111
User aaa
ForwardX11 yes
ForwardX11Trusted yes
ForwardAgent yes

在服务器要使用GUI的工程中设置.vscode/launch.json

  1. 设置.vscode/launch.json
    用vscode连接上服务器,并且打开一个工程,在.vscode/launch.json尾部添加红框代码,如果已经有env属性,则在里面添加DISPLAY: "你的Windows电脑的Ip:0.0"
    查看自己的电脑ip如下图所示:win+R输入cmd, 打开cmd然后输入ipconfig即可看到,但是好像每次开机连接校园网这个ip地址都会变化,如果不写ip地址而是写localhost:0.0这样的话不能显示图形化界面,会报错!
    那就是每次开机都要去查一下ip地址,然后修改一下.vscoe/launch.json和.bashrc中的ip地址
    如果有同学知道为啥,或者好的解决方法麻烦告诉我!!!感谢!!!
    在这里插入图片描述

找到.vscode/launch.json此文件的方法如下图所示
在这里插入图片描述

  1. 在服务器中设置DISPLAY的环境变量
    向~/.bashrc添加环境变量,并用source ~/.bashrc更新。步骤如下所示:
    step1:使用vscode连接上远程服务器后,就可以在根目录下看到.bashrc, 直接打开.bashrc添加即可。不用使用vim了
    在这里插入图片描述

这里的DISPLAY=“你的Win电脑ip:0.0”
在这里插入图片描述
添加之后在终端输入source ~/.bashrc进行更新!!!
然后在命令行输入echo $DISPLAY 验证环境变量设置成功
在这里插入图片描述

打开XLaunch

在这里插入图片描述
一直点击下一步,直至完成。
中间过程中应该会出现下图,里面的Display number应该是0!!!

在这里插入图片描述
注意要想实现GUI就必须要每次都打开XLaunch!!!

用xshell连接远程服务器来实现GUI

xshell安装和连接远程服务器
官网免费下载正版xshell
下载安装好xshell并顺利连接上服务器后
需要设置一下属性!!!
在这里插入图片描述
然后在命令行运行相关程序就可以看到可视化界面啦~

验证

  1. 验证工程程序可使用服务器GUI
    可使用下面python程序,如果出现图像则安装成功。如果不成功,可以重启vscode再试试。也有可能显示的比较慢???等30s才出来GUI界面
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()

在这里插入图片描述

  1. 验证terminal可使用GUI
    再vscode的terminal中输入xclock,出现时钟则安装成功。如果不成功,可以重启vscode再试试。
    在这里插入图片描述

相关知识讲解

在这里插入图片描述
参考博客1
参考博客2
参考博客3

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-09-25 23:19:38  更:2022-09-25 23:19:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/22 8:42:39-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码