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 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> vscode远程连接服务器+X11插件图形化界面 -> 正文阅读

[开发工具]vscode远程连接服务器+X11插件图形化界面

0.操作步骤

看着步骤多,是因为我写得详细啦!~其实全部配置不超过30分钟!通过vscode+X11,就可以体验超丝滑的Windows远程连接Ubuntu服务器了!!用完谁不得说一句真香!!!

1.配置vscode+ssh远程连接服务器
2.在本地安装Xming
3.配置本地vscode Remote-SSH与服务器连接相关的设置
4.在服务器要使用GUI的工程中设置.vscode/launch.json (使得工程中的程序能使用GUI)
5.在服务器中设置DISPLAY的环境变量(使得terminal也能使用GUI)

1.配置vscode+ssh远程连接服务器

(1)在服务器端查看IP地址和端口号

# 在Ubuntu
ifconfig

IP地址

# 在Ubuntu
sudo vim /etc/ssh/sshd_config

端口号

(2)在本地vscode安装Remote-SSH插件

首先在【扩展】(ctrl+shfit+x)商店中搜索Remote-SSH插件,并安装。
安装remote-ssh
点击【远程资源管理器】,点机SSH TARGETS右边第二个设置按钮,选择C:\Users\用户名.ssh\config,打开配置文件。
在这里插入图片描述
在配置文件中添加如下内容:

Host stoneyshi
    HostName *.*.*.*    # 刚刚的IP地址
    User *****          # ubuntu账户名
    Port 16000          # 端口号

然后选择【远程资源管理器】中的远程文件夹,就可以连接了!
在这里插入图片描述

(3)配置免密连接

如果没有密钥,需要在终端(windows一般是在cmd命令框中)运行命令

# 在Windows
ssh-keygen

会在~/.ssh/文件夹下生成了两个文件

id_rsa.pub # 公钥
id_rsa # 私钥

公钥复制到要登陆的远程服务器上。可以使用scp传输文件。在命令行中输入:

# 在Windows
scp ~/.ssh/id_rsa.pub <user_name>@<your_ip>:

将<user_name>替换为你要登录的用户名,<your_ip>替换为要登录的服务器的ip地址。
登录服务器,在.ssh目录下生成authorized_keys,该文件包含一系列允许登录该服务器的公钥。将公钥内容追加到~/.ssh/authorized_keys中:

# 在Ubuntu
touch ~/.ssh/authorized_keys
cat ~/id_rsa.pub >> ~/.ssh/authorized_keys

至此,就可以用vscode免密快速登录远程服务器啦!

2.在本地安装Xming

Xming免费下载链接
可以自定义下载路径,一路next直至下载完成。

(1)开启Xming服务

打开XLaunch,记住这个Display number 0,其他的一路默认【下一步】就可以了直至完成。
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

(2)修改Xming配置

在Xming的安装目录找到X0.hosts文件,并在localhost下一行添加你的服务器IP(X0.hosts中的0就是刚才需要记住的Display number)
在这里插入图片描述

3.配置本地vscode Remote-SSH与服务器连接相关的设置

(1)在本地vscode中安装Remote X11(SSH)插件

在【远程资源管理器】的配置文件(上面1.2有讲)C:\Users\用户名.ssh\config中添加如下3行:

Host stoneyshi
    HostName *.*.*.*
    ForwardX11 yes
    ForwardX11Trusted yes
    ForwardAgent yes
    User *****
    Port 16000

(2)在远程服务器配置

sudo vim ~/.bashrc

在最下面添加一行:

export DISPLAY="localhost:10.0"

然后source一下:

source ~/.bashrc

可以验证一下是否设置成功:

echo $DISPLAY

输出为:

localhost:10.0

4.在服务器要使用GUI的工程中设置.vscode/launch.json (使得工程中的程序能使用GUI)

用vscode连上服务器,并打开一个工程,在.vscode/launch.json尾部添加红框内代码,如果已有env属性,则在里面添加"DISPLAY":"localhost:10.0"就可
launch.json

5.在服务器中设置DISPLAY的环境变量(使得terminal也能使用GUI)

(1)验证工程程序可使用服务器GUI

可使用下面python程序,如果出现图像则安装成功。如果不成功,可以重启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()

在这里插入图片描述

(2)验证terminal可使用GIU

在vscode的terminal中输入xclock或者xeyes,出现时钟或者眼睛则安装成功。如果不成功,可以重启vscode试试。
在这里插入图片描述
在这里插入图片描述
至此,vscode+ssh+x11就配置成功啦!可以愉快使用vscode进行远程连接,并且能够弹出可视化图形界面~~~

  开发工具 最新文章
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常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-09-02 11:35:04  更:2021-09-02 11:35:27 
 
开发: 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年12日历 -2024/12/23 1:50:06-

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