VSCODE SFTP 설치

VSCODE SFTP 설치 방법

 

1. SFTP EXTENSION 설치 

vscode에 sftp 설치하기 1. SFTP EXTENSION 설치

좌측 EXTENSIONS 메뉴에서 SFTP 검색 후 Install 클릭

 

 

2. 폴더 지정

vscode에 sftp 설치하기 2. 폴더지정

설치가 완료되면 좌측 EXPLORER 메뉴에서 Open Folder 선택

SFTP로 연결할 서버에 있는 파일을 로컬로 불러올건데, 해당 로컬 위치를 지정하는 작업이다.

 

vscode에 sftp 설치하기 2. 폴더지정 - 권한부여

trust 눌러서 권한 주면 폴더 지정 완료

 

 

3. SFTP 서버 연결

vscode에 sftp 설치하기 3. SFTP 서버 연결

F1을 누른 후 SFTP: Config 입력 (혹은 선택)한다.

 

vscode에 sftp 설치하기 3. SFTP 서버 연결 - sftp 서버 정보 입력

.vscode 폴더 및 sftp.json 파일이 생성된다.

"host"와 "username", "reomotePath" 등에 서버 정보를 입력한 후 저장한다.

 

name : 해당 sftp의 이름 (임의로 입력하면 된다.)

host : 연결할 서버 주소

protocol : sftp로 고정

port : 포트

username : 연결할 사용자명

remotPath : 불러올 폴더 위치 ( 입력한 경로가 최상위 경로가된다. /로 입력하면 모든 폴더를 불러온다.)

uploadOnSave : 로컬에서 저장 시 서버에 즉시 적용 여부 [true : 즉시적용 / false : 미적용]

 

 

4. 서버 접속

vscode에 sftp 설치하기 4. 서버 접속

다시 F1을 눌러 sftp: list all을 입력 (혹은 선택)

vscode에 sftp 설치하기 4. 서버 접속 - 서버 선택

엔터를 치면 Select a target이 뜬다.

3번에서 입력한 "name"("host") 를 선택한다.

vscode에 sftp 설치하기 4. 서버 접속 - 패스워드 입력

연결 패스워드를 입력한다.

vscode에 sftp 설치하기 4. 서버 접속 - 폴더 선택

서버의 폴더가 출력되는데,

. (choose current folder) 클릭 시 3번에서 지정한 remotePath가 선택되고,

특정 폴더만 선택하고 싶은 경우 하단의 해당 폴더를 선택한다.

 

 

EXPLORER창 및 로컬 폴더에 소스가 복사되었다면 정상적으로 SFTP 설치하기 완료!

아래는 GIT 연동하는 방법에 대한 게시글이다.

2022.12.05 - [개발하는 '정'/기타] - VSCODE GIT 연동하기

 

 

 

 

반응형