wasup

VS CODE - 확장프로그램 설치, SFTP연결 본문

IT etc

VS CODE - 확장프로그램 설치, SFTP연결

wasupup 2022. 4. 15. 20:32
반응형

1. vscode 설치한 확장 프로그램

Live Server


open in browser


Prettier - Code formatter


Auto Rename Tag


Better Comments


Error Lens


Git Extension Pack


Project Manager


Git Graph


Vim


Remote Development

https://doheejin.github.io/vscode/2021/02/25/vscode-server.html

 

[vscode] vscode에서 원격서버 연동 (비밀번호 없이 자동 접속 설정)

putty를 이용해 원격서버에 접속할 수도 있지만, vscode를 이용해 원격서버에 접속하면 파일에 바로 접근할 수 있어 코딩이 더 편리하다.(이외에도 다양한 IDE 사용, extension 사용, 쉬운 UI 등 장점이

doheejin.github.io


 

2. vscode sftp 접속 방법

SFTP

https://poalim.tistory.com/19

 

[sftp] vscode 에서 서버 연결하기

vscode 의 "sftp" 확장 프로그램을 쓰면 서버의 소스를 로컬에서 vscode로 편집할 수 있습니다. 저는 가상머신의 리눅스 환경에서 프로젝트를 진행하다가 vim 보다는 아무래도 vscode 가 익숙하여 로컬 v

poalim.tistory.com



 

F1 키 입력 후 -> SFTP : config 검색 후 Enter

{
    "name": "My Server", //-> 이 연결을 설명할 수 있는 이름
    "host": "localhost", //-> 연결할 서버의 주소
    "protocol": "sftp",
    "port": 22,
    "username": "username", //-> 연결할 서버의 유저명
    "remotePath": "/", //-> 로컬과 연결할 서버의 Path. 처음 입력되어 있는 "/"를 그대로 두면 root디렉토리로 연결
    "uploadOnSave": true //-> 이 옵션을 true로 해 두면 로컬에서 작업하고 저장할 때 마다 서버로 변경사항이 동기화됨
}

작성 완료 후

F1키 입력 후 SFTP : list all 입력하여 연결할 서버를 클릭


3. vscode sftp 기본 사용법

 

 


2022.04.15 - [IT etc] - VS CODE 확장 프로그램 / 참고링크

 

반응형
Comments