VS code 显示远程 Linux 图形界面

本文最后更新于:2021年12月11日 上午

VS code 在远程登录服务器后无法直接像 pycharm 一样显示远程图像,对分析数据十分不便。本文记录vscode实现远程gui的方法。

运行环境

  • 本地电脑系统:window10
  • 远程服务器系统:Ubuntu16.04

基础工作

由于直接用vscode尝试远程界面显示不易调试(不要问我怎么知道的),先实现脱离vscode,使用shell的远程显示

接下来实现VScode远程调试,实现ssh key免密连接远程服务器

远程显示实现

使用VS code 插件 Remote X11

需要在后台开启 Xming Server

  • 本地安装插件 Remote X11(SSH) (远程端不用安装)
  • 打开VS code 文件 -> 首选项 -> 设置 -> remote x11
  • 设置私钥位置、远程Host、远程端口号:

  • 设置 .vscode/launch.json,加入 env

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Python: 当前文件",
"type": "python",
"request": "launch",
"program": "${file}",
"console": "integratedTerminal",
"justMyCode": false,
"env": {
"DISPLAY":"10.0.2.19:0.0"
},
}
]
}
  • 这样在该工程中就可以使用显示图像的命令显示远程的图像了。

测试

  • 在VS code 终端输入命令:
1
2
export DISPLAY=本机IP:0.0
xclock

参考资料