VS code 단축키, 플러그인 정리

VS Code용 한국어 팩

👉Korean Language Pack for Visual Studio Code

Live Server

👉가상 라이브 서버
-마우스 우클릭하면 Open with Live Server라는 항목클릭(단축키 Alt + l Alt + o)
-오른쪽 하단 바에서 Go Live 클릭(클릭시, port:5500으로 바뀜. 다시 클릭하면 라이브꺼짐)

SFTP

👉로컬에서 서버 접속 및 업로드
-sftp 를 이용하여 서버소스관리(로컬에서 수정하고 서버 업로드 가능)

<방법>
1. F1을 누르면 SFTP:Config를 클릭한다.
2.sftp.json파일에 입력 후, 저장

{
    "name": "My Server",
    "host": "tjsdud.dothome.co.kr",
    "protocol": "ftp",
    "port": 21,
    "username": "tjsdud",
    "remotePath": "/",
    "uploadOnSave": true
}

3. 비밀번호 입력시, 서버 접속 성공
4. My server 우클릭. 다운로드->서버파일 다운, 업로드 서버에 파일 올리기
   (올리고 싶은 폴더만 우클릭 후, 업로드 폴더하면 된다.)

ftp-simple

👉로컬에서 서버 접속 및 업로드
-sftp 를 이용하여 서버소스관리(로컬에서 수정하고 서버 업로드 가능)
참고 사이트링크: https://lognam.tistory.com/57

Beauty

👉로컬에서 서버 접속 및 업로드
-코드 정렬(Ctrl + alt+ B)

Bracket Pair Colorizer

👉코드 색상 정리

Color Highlight

👉색상컬러 색 노출

CSS Peek

👉css 코드 색상정리

HTML CSS Support

👉css 코드 색상정리

HTML Snippets

👉코드 자동완성

indent-rainbow

👉코드 탭 정리 한눈에 볼 수 있게

Live HTML Previewer

👉HTML 프리뷰

Material Icon Theme

👉아이콘 모양

Mithril Emmet

👉단축키로 태그 자동완성(ul>li*3) Tab 클릭시, 자동완성

Multi-Cursor Search

👉여러줄 동일 선택

Sublime Material Theme

👉테마

VS Color Picker

👉컬러 피커

Windows 단축키	macOS 단축키	설명
“Ctrl + B”	“Cmd + B”	사이드바 열기/닫기
“Ctrl + P”	“Cmd + P”	빠른 열기(파일이나 기호 탐색)
“Ctrl + Shift + P”	“Cmd + Shift + P”	모든 명령 표시(에디터의 모든 명령에 접근)
“Ctrl + F”	“Cmd + F”	찾기(검색)
“Ctrl + H”	“Cmd + Opt(Alt) + F”	찾기(검색)/바꾸기(대체)
“Ctrl + Shift + L”	“Cmd + Shift + L”	한번에 여러 단어 일괄 수정, 변경
“Ctrl + D”	“Cmd + D”	단어 낱개 선택가능(누를때마다 갯수 증가)
“Alt + Up”	“Alt + Up”	줄 위로 이동
“Alt + Down”	“Alt + Down”	줄 아래로 이동
“Shift + Alt + UpArrow”	“Shift + Alt + UpArrow”	위에 줄 복사
“Shift + Alt + DownArrow”	“Shift + Alt + DownArrow”	아래 줄 복사
“Tab”	“Tab”	들여쓰기
“Shift + Tab”	“Shift + Tab”	내어쓰기
“Ctrl + PageUp”	“Cmd + Shift +[ ”	이전 편집기 열기(좌측 창으로 전환)
“Ctrl + PageDown”	“Cmd + Shift + ] ”	다음 편집기 열기(우측 창으로 전환)
“Ctrl + w”	“Cmd + w”	편집기 분할(백슬래쉬)
“Ctrl + 숫자”	“Cmd + 숫자”	숫자번째 분할된 편집기 그룹에 포커스
“Ctrl + W”	“Cmd + W”	편집기 닫기
“end”	“end”	글시 맨 앞으로 이동
“end”	“end”	글시 맨 앞으로 이동