VSCODE 를 이용한 FTP 원격 동기화

VSCODE 는 무료 에디터이면서도 많은 extension 기능으로 많은 개발자가 선호한다.

VSCODE 로 로컬 디렉토리와 서버 디렉토리를 동기화하여 로컬파일을 열고 저장시 동기화 되도록 할 수 있다.

 

1. vscode   설치

2. Extension 기능으로 SFTP 모듈을 설치

2. 작업 디렉토리 생성 및 열기 ( 이미 존재하는 경우 열기 )

3.  ftp 접속정보 저장

4. 저장된 ftp 정보를 선택하여 서버 연결 ( 연결시 서버 파일들을 로컬러 다운로드가 진행됨 )

5. 로컬 파일을 열고 작업후 저장 ( 서버와 싱크됨.. )

6. ssh 터미널접속

 

7. Extension 기능으로 Mysql 관리

 

 

1. vscode   설치

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

 

 

2. Extension 기능으로 SFTP 모듈을 설치  

아래 그림과 같이 왼쪽 아이콘 메뉴중 모듈모양을 선택하면 여러가지 extension  기능을 검색할 수 있다.

"SFTP" 라고 검색어를 입력하면 아래와 같이 여러 모듈이 검색되는데 liximomo 가 올린 모듈을 클릭하여 설치한다.

 

 

3. 작업 디렉토리 생성 및 열기 ( 이미 존재하는 경우 열기 )

메뉴 > 파일 > 폴더열기  ( open folder ) 를 선택하여 로컬 작업디렉토리를 선택한다.
아직 디렉토리가 존재하지 않다면 바로 새로운폴더 ( new folder ) 를 생성할 수도 있다.

 

폴더를 선택하면 아래와 같이 왼쪽에는 파일 목록 ( 현재는 아무 파일도 없습니다. ) 이 나오고

오른쪽은 편집창이 나타나닙니다. ( 현재 열린 파일이 없습니다. )

 

4.  ftp 접속정보 저장

 

F1 키를 누르면 상단에 다양한 기능을 선택하고 실행할수 있는 입력란이 나타나는데 SFTP 라고 입력을 하면 자동완성으로 

몇가지 가 나타난다 그중에 SFTP:CONFIG 를  선택해준다.

접속정보를 JSON 파일로 저장할수 있도록 기본정보가 나타난다.

FTP 정보를 입력해준다.

remotePath 는 서버의 디렉토리다. "/" 를 그대로 두면 루트디렉토리에 접속이 되니 주의 하여 계정의 홈디렉토리로 설정하기 바란다.

마지막줄에 uploadOnSave 를 true 로 두면 로컬파일을 열어 저장하면 서버에 바로 upload된다.

* 아래와 같이 패스워드를 추가해주면 접속시 비번을 물어보지 않는다.

* 추가로 ignore 라고 동기화에 제외할 디렉토리 및 파일을 설정할 수 있다. 

( 서버와 로컬의 환경이 다를 경우 config 라든지 디비접속정도 등의 파일들을 ignore 해두면 좋을것 같다 .) 

 

수정된 내용을 ctrl + s 로 저장한다.

 

 

4. 저장된 ftp 정보를 선택하여 서버 연결 ( 연결시 서버 파일들을 로컬러 다운로드가 진행됨 )

F1 키를 눌러 이번엔 SFTP 를 입력하면 SFTP : List All 이 나오는데 요걸선택해준다.

아래와 같이 정보를 입력해둔 FTP 정보가 나타나는데 선택~

여기서 잠깐.. 선택하는 즉시 서버에 있는 파일들이 로컬에 다운로드가 시작되니.. 

로컬 디렉토리를 잘 선택했는지 주의하길 바란다.

 

 

5. 로컬 파일을 열고 작업후 저장하면 동기화 됩니다.

 

6.  ssh 터미널 접속

 

F1 을 누르고 다시 sftp 를 입력하면 SFTP :  Open SSH in Terminal 이라는 명령이 나타난다.

 

 

선택해주면 

 

하단에 SSH 터미널창이 나타난다.

 

7. Extension 기능으로 Mysql 관리

extension 에서 mysql 을 검색하여 cweijan 의 mysql 을 설치한다.

왼쪽 Database 를 선택하고 + 를 눌러 접속정보를 입력하고 connect  하면 즉시 DB 정보를 확인하실 수 있습니다.

참고로 ssh tunnel 을 이용하여 접속할 수도 있습니다.