VS Code X11 Forwarding over SSH

VSCode는 대중적으로 많이 이용되는 개발 tool 중 하나다. Code browser 와 함께 terminal도 많이 이용되는데, GUI를 보거나 하는 일이 많아지면서 X11 forwarding 기능도 요구되어 이렇게 사용법에 대해 정리한다.

Windows X Server 다운로드 및 설치

SSH에서 X11 forwarding을 실행하기 위해 X server 프로그램이 필요하다. VcXsrv 프로그램을 다음 링크에서 다운받으면 된다.

다운로드

그리고 환경변수 설정이 필요하다. Windows 사용자 기준으로 설명하자면, 시스템 환경 변수 설정 – 환경 변수 – 새로 만들기 (사용자 변수) 로 들어가서 다음과 같이 환경변수를 설정해준다.

변수 이름: DISPLAY
변수 값: 127.0.0.1:0.0

VS Code 내 환경변수 설정

이제 VS Code 내 환경변수를 설정해준다.

• VS Code 실행 및 F1
• Preferences: Open Setting (UI) 검색
• terminal.integrated.env.windows

• Edit in setting.js 클릭
• setting.js 파일에서 terminal.integrated.env.windows 다음과 같이 수정

“terminal.integrated.env.windows”: {
       “DISPLAY”: “127.0.0.1:0.0”
}

VS Code 내 SSH 연결 설정

• F1 클릭 후 Remote-SSH: Open SSH Configuration File... 검색
• 해당 파일 다음과 같이 수정 (원하는 host에 대해)

Host <YOUR_CONNECTION_NAME>
HostName <YOUR_JETSON_IP>
User <YOUR_JETSON_USERNAME>
ForwardAgent yes
ForwardX11 yes
ForwardX11Trusted yes

Test

그리고 VS Code를 다시 수행하고 다음 명령어로 테스트를 해보면 된다.

$ xclock

Reference

1. https://yunusmuhammad007.medium.com/jetson-nano-vs-code-x11-forwarding-over-ssh-d97fd2290973
2. https://sourceforge.net/projects/vcxsrv/