VS code 显示远程 Linux 图形界面

心已赠人 2022-11-13 14:25 473阅读 0赞

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

### 运行环境 ###

*  本地电脑系统：window10
 *  远程服务器系统：Ubuntu16.04

### 基础工作 ###

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

*  shell的远程显示：[Windows Xming +Xshell 实现远程 linux gui 界面本地展示][Windows Xming _Xshell _ linux gui]

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

*  vscode远程连接linux主机：[VS code 远程调试配置][VS code]

### 远程显示实现 ###

> 使用VS code 插件 [Remote X11][]
> 
> 需要在后台开启 Xming Server

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

![0ec08387ed3aade045ce30d3a4b40f2e.png][]

*  设置 .vscode/launch.json，加入 env

![371a52661b72b7716f06b3d3057d8447.png][]

{ 
        // 使用 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 终端输入命令：

export DISPLAY=本机IP:0.0
    xclock

![44bfd8ae7880df1cea5d72eafd81cf26.png][]

### 参考资料 ###

*  https://blog.csdn.net/Dteam\_f/article/details/109806294?utm\_medium=distribute.pc\_relevant\_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist\_request\_id=4df63aa8-dedc-4bc9-a1af-5a4e70f6924d&depth\_1-utm\_source=distribute.pc\_relevant\_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control
 *  https://blog.csdn.net/zb12138/article/details/107160825/

[Windows Xming _Xshell _ linux gui]: https://www.zywvvd.com/2021/02/20/linux/remote-linux-gui/remote-linux-gui/
[VS code]: https://www.zywvvd.com/2020/11/02/software/ide/vs_code_remote_debugging/vs_code_remote_debugging/
[Remote X11]: https://marketplace.visualstudio.com/items?itemName=spadin.remote-x11
[0ec08387ed3aade045ce30d3a4b40f2e.png]: /images/20221022/18cb8a7173d645898bdc7b73b8992695.png
[371a52661b72b7716f06b3d3057d8447.png]: https://img-blog.csdnimg.cn/img_convert/371a52661b72b7716f06b3d3057d8447.png
[44bfd8ae7880df1cea5d72eafd81cf26.png]: https://img-blog.csdnimg.cn/img_convert/44bfd8ae7880df1cea5d72eafd81cf26.png