Wookim

vscode에서 SSH 원격 접속 하기 본문

카테고리 없음

vscode에서 SSH 원격 접속 하기

개발자인 경우 2019. 7. 22. 16:13

vscode SSH 사용하기

환경

vscode 최신버전
window10
ms 공식 ssh 익스텐션

 

설치 순서

  1. vscode 실행
  2. 마켓플레이스 열기. (ctrl + shift + X)
  1. 마켓플레이스에서 remote ssh 검색
  1. microsoft의 Remote - SSH 설치
  1. 아래 그림처럼 모니터 아이콘이 생긴것을 확인

 

  1. 해당 아이콘 버튼 클릭

위 그림처럼 connections 부분에 아무것도 없을 것이다.

(필자는 사용 중 이므로 server라는 접속정보가 존재)

connections 에 마우르스를 올려놓으면 톱니바퀴 모양의 설정 아이콘이 출력된다. 

해당 버튼을 클릭한다.

 

  1. 아래 그림처럼 환경 설정 창이 출력된다.
  1. 당황하지 않고 Settings를 눌러준다

위 그림처럼 Config File를 저장할 위치를 지정해야 한다.  빨간 상자에 경로를 적는다.

 
  1. 위 처럼 경로와 파일이름을 적으면 

왼쪽 connections 창에 ssh 호스트 설정이 아직 안됐다는 내용이 출력된다.

파란색 configure 를 클릭한다.

 

  1. 아래 그림처럼 선택창이 나오면

만든 config 파일을 클릭한다.

 

  1. 그러면 이제 config파일 양식이 자동으로 완성되고 접속정보를 입력해주면 된다.

 

  1. 접속정보 양식은 다음과 같다.
 
 

여기서 

hostname은 접속할 server의 ip

user 는 해당 server의 계정 (접속 할 아이디)

IdentityFile은 ssh 키파일의 위치인데 이건 나중에 설명한다. 그리고 반드시 추가해야 한다.

 

주의 점(수정)
접속 할 서버에 권한 문제로 작업이 안되는 경우가 있다.
권한문제로 보여진다.

에러 로그엔 ssh server 블라블라 나오는데, 
리눅스 서버와 로컬 pc간 통신을 위한 작업을 
자동으로 설정할 떄 문제가 발생한것으로 보여진다.

예상으로는 vscode가 해당 리눅스 서버에 특정 파일을 
다운받는것 같다. 이때 여러 권한문제가 발생해 
다운받지 못해 발생한 문제로 보여진다.

 

여기까지가 vscode 설정이다.

다음으로 IdentityFile에 참조할 키파일을 생성해야 한다.

윈도우 기준으로 쉽게 만들수 있는 방법을 소개한다. (ms에서 소개한 비공식적인 방법임.)

1.구글에서 putty를 검색한다.

맨위 download puTTY 클릭 

 

맨 위의 here 클릭

윈도우 기준 package files의 msi(window installer)의 맞는 bit수의 msi파일 다운로드 (보통 64bit 받으면 됨)

 

다운받은 파일 실행

 


필자는 설치가 되어있어 cancle을 눌렀다. 설치가 안되어 있는 사람은 정상적으로 설치를 하고 

메세지는 다르겠지만 위처럼 설치가 완료가 되면 finish를 누른다.

 

자 이제 시작 키를 누른다.

다음 puutygen 을 검색한다.

 

 

실행한다.


다음으로 generate 버튼을 클릭한다.

 

키를 저장한 파일의 위치를 기억해야한다.

이 키 파일의 저장 위치를 
vscode에서 저장한 config 파일 위치에 저장한다.

 
 

 

자 모든 설정이 끝났다.

vscode를 실행한다.

  1. 모니터 아이콘을 클릭한다.

그러면 설정파일에 적은 노란색 박스의 접속 정보 이름이 왼쪽 connections 창에 출력되는게 보인다.

빨간색 박스 안의 버튼을 클릭한다.


위 그림처럼 config 파일에 적은 user 아이디에 해당하는 비밀번호를 입력한다.

아마 2번 반복을 해야 할것이다.


빨간색 버튼을 클릭한다.


  1.  


폴더열기를 클릭한다.

 

6.

이렇게 해당 pc의 폴더가 출력되면 ssh로 원격 접속에 성공한것이다.

이제 자신이 작업해야하는 폴더 경로를 선택하면된다.

 

또하나의 팁으로 vscode의 기본 디렉토리는 안이쁘니까 

마켓플레이스에서 vscode-icons를 검색하고 다운받아 적용시키고 

vscode를 재실행시키면 보다 이쁜 폴더 구조를 볼 수 있다. 


이렇게 힘들게 vscode로 원격 접속하면 좋은점이 파일을 열면 vscode 편집기로 바로 작업할 수 있다!
매우 편리하다.

 

 

 

Comments