본문 바로가기
개발/웹 (HTML)

VSCode 웹 개발 시작하기 - 필수 단축키 모음

by 레조 2024. 11. 7.

VSCode 단축키

 

VSCode 단축키도 제법 많은데,

평소 자주 사용하는 유용한 단축키를 몇 개 소개합니다.

특히 마우스를 최대한 안 쓰고 창 사이를 이동하면서 작업하면 코드 집중력이 올라갑니다.

 

윈도우 : Ctrl

맥 : Cmd

 

에디터창에 커서를 놓고 아래 단축키를 테스트해보세요.

 


수정한 모든 파일 저장하기.

Ctrl + K, S

 


창 액션

사이드바 열기/닫기 (토글)

Ctrl + B

 

현재 창 닫기

Ctrl + W

 

사이드 탐색기 열기/이동 (토글)

Ctrl + Shift + E

 

명령창 열기/닫기 (토글)

Ctrl + ` (그레이브 문자 or 빽틱)

Ctrl + J

 


사이드바 주요 메뉴

파일 탐색기

Ctrl + Shift + E

 

검색

Ctrl + Shift + F

 

소스 제어 (GIT)

Ctrl + Shift + G

 

디버깅

Ctrl + Shift + D

 

확장

Ctrl + Shift + X

 


에디터 창 액션

여러 에디터창을 열어 놓았을 경우,

오른쪽 탭 이동

Ctrl + Page Down

 

왼쪽 탭 이동 (왼쪽이 높다)

Ctrl + Page Up

 

행 삭제

Ctrl + Shift + K

 

라인 이동 : 현재 라인을 위 아래로 이동한다.

Alt + Up(↑)

Alt + Down(↓)

 

라인 위로 복사

Alt + Shift + Up(↑)

 

라인 아래로 복사

Alt + Shift + Down (↓)

 

작업 뒤로 되돌리기

Ctrl + Z

 

작업 앞으로 되돌리기

Ctrl + Shift + Z

 


기타

현재 폴더 열기!

명령창(Ctrl + `)에서 아래를 입력한다.

code -r .

 

폴더가 열린 프로젝트 상태에서

프로젝트 파일 검색

Ctrl + P

 

명령 팔레드 열기

Ctrl + Shift + P

 

세팅 열기

Ctrl + ,

 

 

마지막으로,

하나의 코드에 집중하기 위해

젠 모드 열기

Ctrl + K, Z