카테고리 없음

Visual Studio Code 에서 AWS ssh 클라이언트 접속하기

시커먼수르 2022. 3. 15. 13:26

팔자에도 없던 서버까지 개발해야 되면서 node.js 로 api를 만들고 있는데 vi 로 코딩하는게 여간 귀찮은게 아니다.

 

visual studio code로 실행도 안되고...

 

뭐가 방법이 없을까 찾아보니 역시나 방법이 있었다!

 

아래 블로그 링크에 잘 나와있었다.

 

https://tttap.tistory.com/141

 

[ VS Code ] Remote 원격 아마존 AWS SSH 클라이언트 접속

비주얼 스튜디오 코드 (Visual Studio Code, 이하 VSCode) 에서 SSH 접속을 하려면 Remote SSH 라는 플러그인을 다운로드 해야 합니다. 아마존 AWS에 pem 키를 이용해 SSH 클라이언트 접속을 하는게 목적이기 때

tttap.tistory.com

 

 

블로그에 잘 나와있지만 까먹지 않기 위해 추가로 기록해둔다.

Visual studio code는 설치되어있다는 가정하에...

 

1. Remote-SSH 플러그인 설치

Code - Preferences-Extensions 로 진입

 

Remote-SSH 검색해서 Install 진행

 

2. Config 파일 수정

F1 키 눌러서 Remote-SSH 검색하면 나오는 Connect to Host 선택

Configuration SSH Hosts... 을 선택

.ssh/config 선택

나같은 경우엔 해당 파일에 다음과 같이 되어 있었다.

여기에 아래와같이 관련 정보들을 추가했다.

Host 명은 아무렇게 나 입력하면된다.

HostName을 확인하기 위해서, AWS Console 에 접속한뒤,

인스턴스 선택 -> 우측 상단에 있는 연결 버튼 클릭 후, 아래와 같이 SSH 클라이언트를 선택한다.

여기서 "퍼블릭 DNS을(를) 사용하여 인스턴스에 연결:" 에 해당하는 주소를 복사해서 넣어주면된다.

User는 처음에 내 아이디를 입력하면 되는줄 알았더니, 서버 생성시 AWS 정해준  서버의 유저명이라고 한다.

(이것때문에 접속이 안되서 한참 고생했다.)

IdentityFile은 pem 가 위치한 경로와 파일명을 같이 적어주면된다.

작성 완료하고 저장을 하면된다.

 

3. 접속

다시 F1 키를 누르면 방금 생성한 Host인 cicumuns가 나타난다.

선택하면 ssh 접속이 시작되고, 성공적으로 접속이 되었다면 좌측하단이 SSH:호스트명으로 바뀐다.

Open Folder를 하면 이제 서버에 있는 파일을 에디터로 편집이 가능해진다.

 

이제야 개발에 속도가 좀 붙을것 같다!!