첨부파일 https://eond.com/vscode/407729

개인 서버라 사실 경로나 계정명을 수정하지 않아도 되는데 혹시몰라 해뒀습니다. (홍보로 보인다던가 등등...)

 

2018-02-08.png

 

vscode를 실행하면 다음과 같이 빈 화면을 볼 수 있습니다. 저는 미리 폴더를 열어놓았지만 여러분은 직접 폴더를 열어주어야 합니다. 서버의 파일을 동적으로 주고받기 위한 새 폴더를 생성해주신 후 폴더를 선택해 봅시다.

 

2018-02-08 (3).png

 

폴더 선택은 파일 메뉴의 이곳에 있습니다.

 

2018-02-08 (1).png

 

폴더를 연 후 아래쪽의 확장 기능 버튼을 눌러 (화살표가 가리키는 곳) 검색에 ftp-kr을 입력합니다.

 

2018-02-08 (2).png

 

확장 기능을 설치해 줍니다. 저는 이미 설치하여 설치가 된 것으로 표시되나 설치하지 않으면 [설치] 버튼이 뜹니다.

 

2018-02-08 (4).png

 

설치가 잘 됐다면 설명대로 F1키를 눌러 Command 창을 연 후 init를 입력하면, 자동으로 ftp-kr을 가리킵니다.

저는 이미 사용한 기록이 있어 바로 보여줍니다.

 

2018-02-08 (5).png

 

FTP 전체를 쓰는것이 아닌 부분만 Sync가 되므로 경로를 적어 부분Sync를 해줍시다. (필요하시면 루트로...)

 

2018-02-08 (7).png

비밀번호를 적지 않으면 비밀번호를 요구합니다.

 

연결이 완료되었습니다. (maybe...)

 

22.PNG

 

이제 연결이 완료되었으니 파일 목록의 빈 아래쪽 공간을 우클릭 해 줍니다. 그리고 Download This를 누릅니다.

테스트를 위해 한번 Download해서 test라는 파일을 서버에서 생성해서 다시 다운로드 해보겠습니다.

 

2018-02-08 (8).png

 

파일 목록을 보여주며 바뀔 파일들을 보여줍니다.

 

이 방법의 장점은, 서버와 로컬 양쪽에 파일이 존재한다는 것입니다. 실수로 서버에서 지웠더라도 작업PC에서 언제든 복원이 가능하죠. 또한 auto upload를 끈 상태로 diff라는 메뉴를 사용하시면 git처럼 변경점을 보는 등의 기능도 가능합니다.

 

캡처.PNG

(사실 저는 서버RDP로 바로 작업해서 서버에도 VS CODE가 띄워져 있어 이렇게 서버와 동기화가 가능하다는 것을 보여주고 싶은 스크린샷)


출처 : https://xetown.com/tiptalk/887128


코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 7 articles in 1 / 1 pages
번호 제목 제목 글쓴이 글쓴이 날짜날짜 조회 수
공지 Visual Studio Code 다운로드 이온디 2018/08/22 126
6 Visual Studio Code에서 SFTP 동기화 기능 이용하기 파일 [1] 이온디 2018/08/22 99
5 How-to-use_vscode github 이온디 2018/08/22 34
4 Visual Studio Code custom setting memo. 이온디 2018/08/22 34
3 vscode에서 쓰면 좋은 확장 프로그램들... 이온디 2018/08/20 133
현재글 vs code로 수동적인 FTP업로드 없이 작업하기 파일 이온디 2018/08/20 280
1 VS Code로 풀스택 개발이 가능할까? 파일 이온디 2018/08/20 75

해시태그 디렉터리