Microsoft MVP성태의 닷넷 이야기
글쓴 사람
홈페이지
첨부 파일
 

로컬의 Visual Studio Code로 원격 리눅스 머신에 접속해 개발하는 방법

얼마 전에 1.33.1 버전부터 지원된다는 소식을 들었었는데,

VS Code Remote Development
; https://code.visualstudio.com/docs/remote/remote-overview

이제서야 해보는군요. ^^ 방법은 크게 어렵지 않습니다. 일단 대상이 되는 리눅스 머신에 SSH 연결이 된 상황을 가정으로 설명해 보면, 우선 Visual Studio Code에 "Remote Development" 확장 팩을 설치하는 것으로 시작합니다.

Remote Development
; https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack

그다음 ssh key를 대상 리눅스 머신에 등록해야 하는데요, 따라서 현재 사용자의 ssh key가 있어야 합니다. 만약 이미 전에 생성한 적이 있다면 다음의 경로에,

%USERPROFILE%\.ssh

id_rsa, id_rsa.pub 파일이 있을 것입니다. 있다면 그걸 사용하시고 없다면 다음의 명령어로 만들어야 합니다.

c:\temp> ssh-keygen -t rsa -b 4096
Generating public/private rsa key pair.
Enter file in which to save the key (%USERPROFILE%/.ssh/id_rsa):
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in %USERPROFILE%/.ssh/id_rsa.
Your public key has been saved in %USERPROFILE%/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:l5Tuxao...UYCFHtg testusr@TESTPC
The key's randomart image is:
+---[RSA 4096]----+
| o+ o +o..       |
|oo.o E. .  .     |
|ooo +..o  o      |
|.. =..+ .o o     |
|. .  o.oS = +    |
|  + oo+o.+ =     |
|  . .oo=. +      |
|     +..oo .     |
|     .oo. .      |
+----[SHA256]-----+

c:\temp>

이렇게 생성한 키에서 공개키 파일(id_rsa.pub)을 리눅스 머신 측에 등록하는데, 이를 위해 scp.exe로 리눅스 머신 측에 id_rsa.pub를 복사하고,

C:\temp> scp "%USERPROFILE%\.ssh\id_rsa.pub" tusr@192.168.100.50:~/tmp.pub
The authenticity of host '[192.168.100.50]:22 ([192.168.100.50]:22)' can't be established.
ECDSA key fingerprint is SHA256:5HAse+...[생략]...mGk+iI.
Are you sure you want to continue connecting (yes/no)?
Warning: Permanently added '[192.168.100.50]:22' (ECDSA) to the list of known hosts.
tusr@192.168.100.50's password:
id_rsa.pub                                                                            100%  747   145.7KB/s   00:00

C:\temp>

리눅스 머신에 접속해 방금 전에 복사했던 tmp.pub의 내용을 사용자 프로파일 하위에 있는 ~/.ssh/authorized_keys 파일에 추가(없으면 새로 생성)해 줍니다.

tusr@ubuntutest:~$ chmod 700 ~/.ssh
tusr@ubuntutest:~$ cat ~/tmp.pub >> ~/.ssh/authorized_keys
tusr@ubuntutest:~$ chmod 600 ~/.ssh/authorized_keys

끝입니다. 임시 파일은 삭제해 주고,

tusr@ubuntutest:~$ rm -f ~/tmp.pub

비주얼 스튜디오 코드를 실행해 "Ctrl + Shift + P"를 눌러 "Command Palette"에서 다음의 명령어를 선택한 다음,

Remote-SSH: Connect to Host...

여느 SSH 연결과 동일하게 사용자@서버 주소를 입력해 연결하면 됩니다. 그럼 새롭게 Visual Studio Code가 실행되고 그 프로세스 내에서의 모든 활동은 대상 리눅스 머신을 바탕으로 합니다.




참고로 SSH tunnel 설정 등의 이유로 포트를 명시하고 싶을 수 있는데 다음과 같은 식으로 입력하면,

tusr@127.0.0.1:15000

접속할 수 없다고 나옵니다.

Can't connect to tusr@127.0.0.1:15000: unreachable or not Linux x86_64 (ssh: Could not resolve hostname 127.0.0.1:15000: No such host is known.)

이런 경우, "Remote-SSH: Forward Port from Active Host..." 명령을 이용해 포트 매핑을 설정한 파일을 생성하는 것으로 해결할 수 있는데 이는 다음의 글을 참고하면 됩니다.

Forwarding a port / creating SSH tunnel
; https://code.visualstudio.com/docs/remote/ssh#_forwarding-a-port-creating-ssh-tunnel

개인적으로 저 방법보다는 "연결 파일"을 만들어 두는 것을 더 선호합니다. 왜냐하면 연결 파일을 만들어 두면 "Remote-SSH: Connect to Host..." 명령 후에 해당 파일이 목록에 나타나 바로 선택해 접속하는 것이 가능하므로 더 편리하기 때문입니다. 방법은 다음의 파일을 만들고,

%USERPROFILE%\.ssh\config

(확장자 없이 파일명 자체가 config)

내용을 이렇게 채워주면 됩니다.

# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host testlinux
    HostName 127.0.0.1
    User tusr
    Port 15000




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]





[최초 등록일: ]
[최종 수정일: 6/20/2019 ]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer@outlook.com

비밀번호

댓글 쓴 사람
 



2020-04-01 01시36분
[yjm] 감사합니다^^ 아주 많은 도움이 되었습니다.
[손님]

1  2  3  4  5  6  7  8  9  10  11  [12]  13  14  15  ...
NoWriterDateCnt.TitleFile(s)
11980정성태7/7/20194415개발 환경 구성: 450. Visual Studio Code의 Java 확장을 이용한 간단한 프로젝트 구축파일 다운로드1
11979정성태7/8/20191256개발 환경 구성: 449. TFS에서 gitlab/github등의 git 서버로 마이그레이션하는 방법
11978정성태7/6/20191191Windows: 161. 계정 정보가 동일하지 않은 PC 간의 인증을 수행하는 방법 [1]
11977정성태7/6/20191826오류 유형: 554. git push - error: RPC failed; HTTP 413 curl 22 The requested URL returned error: 413 Request Entity Too Large
11976정성태7/4/20191174오류 유형: 553. (잘못 인증 한 후) 원격 git repo 재인증 시 "remote: HTTP Basic: Access denied" 오류 발생
11975정성태7/4/20192822개발 환경 구성: 448. Visual Studio Code에서 콘솔 응용 프로그램 개발 시 "입력"받는 방법
11974정성태7/4/20191739Linux: 22. "Visual Studio Code + Remote Development"로 윈도우 환경에서 리눅스(CentOS 7) C/C++ 개발
11973정성태7/4/20191244Linux: 21. 리눅스에서 공유 라이브러리가 로드되지 않는다면?
11972정성태7/3/20191385.NET Framework: 847. JAVA와 .NET 간의 AES 암호화 연동파일 다운로드1
11971정성태7/3/20191275개발 환경 구성: 447. Visual Studio Code에서 OpenCvSharp 개발 환경 구성
11970정성태7/2/20191133오류 유형: 552. 웹 브라우저에서 파일 다운로드 후 "Running security scan"이 끝나지 않는 문제
11969정성태7/7/20191077Math: 63. C# - 3층 구조의 신경망파일 다운로드1
11968정성태7/1/20192567오류 유형: 551. Visual Studio Code에서 Remote-SSH 연결 시 "Opening Remote..." 단계에서 진행되지 않는 문제 [1]
11967정성태7/1/20191067개발 환경 구성: 446. Synology NAS를 Windows 10에서 iSCSI로 연결하는 방법
11966정성태6/30/20191087Math: 62. 활성화 함수에 따른 뉴런의 출력을 그리드 맵으로 시각화파일 다운로드1
11965정성태6/30/20191147.NET Framework: 846. C# - 2차원 배열을 1차원 배열로 나열하는 확장 메서드파일 다운로드1
11964정성태6/30/20191441Linux: 20. C# - Linux에서의 Named Pipe를 이용한 통신
11963정성태6/29/20191352Linux: 19. C# - .NET Core Unix Domain Socket 사용 예제
11962정성태6/27/2019865Math: 61. C# - 로지스틱 회귀를 이용한 선형분리 불가능 문제의 분류파일 다운로드1
11961정성태6/27/2019712Graphics: 37. C# - PLplot - 출력 모음(Family File Output)
11960정성태6/27/20191050Graphics: 36. C# - PLplot의 16색 이상을 표현하는 방법과 subpage를 이용한 그리드 맵 표현
11959정성태6/27/2019811Graphics: 35. matplotlib와 PLplot의 한글 처리
11958정성태6/25/20192120Linux: 18. C# - .NET Core Console로 리눅스 daemon 프로그램 만드는 방법 [1]
11957정성태6/24/20192406Windows: 160. WMI 쿼리를 명령행에서 간단하게 수행하는 wmic.exe [1]
11956정성태6/24/20191681Linux: 17. CentOS 7에서 .NET Core Web App 실행 환경 구성 [1]
11955정성태6/20/20191213Math: 60. C# - 로지스틱 회귀를 이용한 분류파일 다운로드1
1  2  3  4  5  6  7  8  9  10  11  [12]  13  14  15  ...