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 확장 프로그램 / 참고링크

 

반응형
저작자표시 비영리 동일조건

'IT etc' 카테고리의 다른 글

Tip : 한/영 키 전환 - shift + space 로 한/영 전환하기  (0) 2022.08.19
TEMPLATE_ (템플릿 언더바) / 선언-할당-출력 - 작성예정  (0) 2022.08.11
VS CODE 확장 프로그램 / 참고링크  (0) 2022.04.15
SpringBasic) Study9 새로운 정책을 적용해보기  (0) 2021.08.26
svn 사용해보기  (0) 2021.08.24
'IT etc' Related Articles more
Comments