Remote Development: 원격 접속한 서버의 파일 vscode 에서 보기

Remote Development 란?

 

Remote Development는 VS Code 의 확장 플러그인이다.

원격 서버에 접속해서 코드를 확인할때 유용하다.

자세한 정보는 공식 홈페이지를 참고: link

 

 

설치 방법

VS Code를 실행

 

사이드 바에서 extension 메뉴 찾기 or 맥의 경우 Command + Shift + X 키로 메뉴 진입

 

remote development 검색

사용 방법

호스트 추가

설치 완료 후 커맨드 팔레트 실행. 

- View > Command Palette 실행 혹은

- 단축키로 Command + Shift + P 입력

- 입력창에 remote-ssh: add ~ 입력 및 실행

 

호스트 등록은 생각보다 직관적이다. 터미널에서 사용하는 명령어와 같이 입력해준다.

 

엔터를 입력하면 다음과 같이 Remote-development의 config 파일 경로를 지정할 위치를 선택한다

 

config 경로를 지정하면 위에서 추가한 호스트에 대한 정보가 해당 config 파일에 다음과 같이 추가된다.

 

이후에 등록하는 host는 커맨드 팔레트로 해도 되고 config 파일을 직접 수정해서 해도된다.

 

SSH 연결

커맨드 팔레트에 Remote-SSH: Connect to Host... 입력

 

등록한 호스트 찾아서 연결

 

이때 초기 연결의 경우 패스워드를 입력하게끔 되어있다.

물론 키페어가 설정되어 있는 경우에는 패스워드 입력은 필요 없다.

 

연결이 완료되면 VS Code 하단에 연결된 remote 호스트명이 표시되고 explorer 창에서 파일 탐색이 가능하다.

 

 

즐거운 코딩 합시다~!