[vscode] ftp-simple로 원격에서 소스 수정하기

 

회사에서 여러가지의 이유로... 서버에 있는 소스를 수정해서 리팩토링 개발을 진행하게 되었다.

서버에서 테스트로 돌리고 그걸 보면서 확인..!

그럼 vim으로 다 해야할까 했지만

vscode는 ftp-simple 익스텐션으로 원격의 파일을 vscode로 불러올 수 있도록 할 수 있었다! 

 

설정과정을 남겨본다..!

 

1. 일단 ftp-simple 익스텐션을 설치한다.

2. 아래 Startup Settings을 보고 따라하면되는데, ftp 설정을 하기 위해서 F1을 누른다. (맥에서는 fn + 1)

 창에다가 ftp라고 치면 아래와 같은 리스트가 나온다.

 여기서 설정을 위해서는 Config - FTP connection setting 을 누른다.

 

3. 그리고 설정을 입력하면 된다.

처음 설정은 name, host, port, type, username, password, path, autosave, confirm이 기본인데, 

pem키를 통해서 접속하려면 Password는 필요없으니까 삭제, privateKey를 넣어주었다.

privateKey에는 pem키의 경로를 적어주면된다.

 

각각 속성을 보면

* name : 파일을 보면 array로 관리되는데, 여러 개의 접속 정보의 구분되는 name 값이다. 아무렇게나 지정해도 됨! (vscode에서만 보는거라서)

* host : 접속 ip를 입력

* port : 접속 포트를 입력, 기본적으로 21번 포트가 입력되어있다.

* type : 전송타입?을 입력, ftp가 기본으로 되어있다.

* username : 접속 ip에 해당되는 아이디를 입력한다. 기본적으로 ssh 를 할때 xxx@ip  라고했을 때, xxx 를 여기에 적으면됨!

* path : 기본적으로 오픈할 경로를 입력한다. 코드를 바로 보기위해서는 해당 코드가 있는 경로를 넣어주면됨.

* autosave : 자동 저장 기능, 기본적으로 true로 됨.

* confirm : 저장 확인 기능, 진짜로 저장할꺼니!? 라고 물어보는 확인창 같은 것! 기본으로 true로 되어있음.

* privateKey : pem키 같은 키의 경로로 접속할 때 해당 경로를 적는다.

 

 

4. 설정이 다 됐으면 다시 F1을 누르고  Remote directory open to workspace를 누른다. 아래처럼 Open the file directory from FTP server 이런거 누르면 폴더가 안 불러와지니까.... 조심하기!

 

5. 다음에는 name으로 설정한 리스트가 나온다, FTP 서버를 고르는 건데 하나밖에 설정안했으니까 그냥 엔터!

 

6. 그러고 나면 폴더 리스트가 나오는데 여기서 current directory를 누르면 설정한 폴더의 하위까지 다 나와서 불러오게 된다..

(이미 열어놓고 있어서.. 이미지 캡쳐를 못했다..)

 

이런식으로 하면 vscode에 해당 폴더가 나타나고 바로바로 수정해서 서버에서 돌리면서 작업이 가능해진다!