[VS code] 비쥬얼 스튜디오 코드에서 FTP 연결하기

vs code에서 ftp를 연결해서 직접 다이렉트로 코드를 수정을 할 수 있습니다.

 

먼저 vs code를 열어줍니다.

 

그리고 빨간색으로 표시한 부분(확장프로그램)을 클릭합니다.

 

검색창에 ftp-simple을 검색하여 설치를 해줍니다.

 

 

설치가 완료되면 F1을 눌러서 ftp를 입력하면 ftp-simple : Config - FTP connection setting 이 있는데 이걸 클릭합니다.

 

그럼 아래 이미지 처럼 나옵니다.

 

몇가지 설명을 하자면

name : 서버 이름을 적으시면 됩니다.

host : 서버의 도메인 또는 ip를 입력하시면 됩니다.

port: 포트는 서버 포트를 입력하시면 되는데 보통 그냥 21입니다.

username : 접속할 ftp 서버 계정

password : 접속할 ftp 서버 비밀번호

path : 접속 폴더 경로

autosave : 서버 파일을 자동 저장 할지 여부

confirm : 서버에 저장을 할 것인지 true == 저장, false == 확인 없이 저장

 

[
	{
		"name": "localhost",
		"host": "",
		"port": 21,
		"type": "ftp",
		"username": "",
		"password": "",
		"path": "/",
		"autosave": true,
		"confirm": true
	}
]

 

맞게 입력을 하시고 저장후 다시 F1을 눌러서 다시 ftp라고 검색을 합니다.

 

검색을 하면 ftp-simple : Remote directory open to workspace 가 나오는데 클릭하시면 됩니다.

 

클릭하시면 해당 경로 버튼을 클릭하여 접속 하셔서 수정 하면 됩니다.