vscode 단축키 및 설정

 

Command Palette - 마우스 없이 모든 명령어로 설정 가능 - Ctrl + Shift + P, F1

Quick Open - 파일 검색 후 해당파일로 이동 - Ctrl + P

User Settings - 사용자에 맞게 환경 셋팅 - Ctrl + ,

주석 - Ctrl + /

사이드바 - Ctrl + B

프로젝트 폴더 전체 검색 - Ctrl + Shift + F

빠른 행 이동 - Ctrl + G 입력 후 이동할 행 숫자 입력

커서 위치 일치 단어 선택 - Ctrl + D (멀티 커서) 계속 누르면 늘어남 

커서 위치 일치 단어 전체 선택 - Ctrl + Shift + L (멀티 커서)

커서 위치 부분 선택 - Alt + 마우스 왼쪽 클릭

열린 탭 이동 - Ctrl + PgUp or PgDown

커서 위치 상관없이 다음 행 삽입 - Ctrl + Enter

터미널 열기 - Ctrl + ` (보통 키보드 숫자 1옆에있는 억음부호 표시임 작은 따옴표 ' 아님)

 

 

 

 

플러그인 설치

Ctrl + Shift + X

vscode-icons - 파일 저장시 확장자별  아이콘 표시

Auto Rename Tag - 시작과 끝 태그를 같은 이름으로 자동으로 변경

HTML to CSS autocompletion - html 페이지에서 클레스나 아이디 명을 작성 하면 다른 페이지에서 자동으로 불러옴

HTML CSS Support - css에서 추가로 클레스나 아이디 명 지정 하면 html파일에서 자동으로 불러옴

CSS Peek - html파일에서 지정한 클레스나 아이디명을 클릭해서 한번에 지정 style지정 페이지 위지로 이동

윈도우는 Ctrl 키 맥은 command 키 누른 후 마우스 오른쪽으로 해당 클레스 클릭

Autoprefixer - css3 밴더프리픽스를 자동으로 붙여주는 플러그인

Bracket Pair Colorizer - 각 중괄호의 색을 맞춰줌 

indent-rainbow - 탭 간격별 라인 색을 무지개 색으로 표현

Live Server - 페이지 수정 후 새로고침 없이 실시간으로 적용되어 페이지를 보여줌

Font Awesome Auto-complete & Preview - Awesome 이미지 미리보기(자동완성)

ftp-simple - ftp 서버에 업로드 및 다운로드

F1 - > ftp-simple : Config 설정 페이지 저장