VSCode에서 서버에 SSH 원격 접속 설정하기

오늘은 코드 에디터 VSCode에서 원격 서버에 연결하여 서버에 있는 코드를 수정하려고 한다.

설정하는 법은 매우 간단하다.

 

우선적으로 할 일은 VSCode의 extension 으로 "Remote-SSH"를 설치하는 것이다.

 

 

 

그 다음 F1 키를 눌러 SSH configuration file을 열어준다.

 

그러면 본인의 컴퓨터에 있는 ssh configuration file이 나올텐데 이를 수정해주면 된다.

VSCode로 원격 접속을 처음 해본다면 가장 기본적인 파일 내용이 들어있을 텐데 없는 항목들은 직접 추가해주면 된다.

 

Host ____

   HostName ____

   User ____

   UseKeychain ____

   IdentityFile ~/.ssh/____

   port ____

• Host: SSH 접속시 표시될 이름. 원하는 것 아무거나 기입
• HostName: 원격 서버 전체 주소에서 "@" 뒷부분
• User: 원격 서버 전체 주소에서 "@" 앞부분
• IdentifyFile: 서버의 PEM 경로와 파일명
• port: 접속할 포트 번호

위 요소들을 알맞은 값으로 채워서 SSH config 파일에 저장해준다. 

 

저장을 한 후 F1 키를 눌러서 아래와 같이 호스트에 연결을 해준다.

 

 

추가된 Host를 클릭하면 새로운 VSCode 창이 열린다.

아래와 같이 맨 아래쪽의 바 색상이 보라색으로 변해있는 것을 확인할 수 있고 SSH에 연결 되었음을 알 수 있다. 

그러면 서버에 있는 폴더를 열고 코드 수정을 할 수 있다.