웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > webdevetc

Visual Studio Code(VSCode) 유용한 단축키 알아보기

Last Modified : 2021-04-28 / Created : 2018-11-02
90,849
View Count
 
Visual Studio Code(VSCode)를 사용하면서 알아두면 유용한 ... 일부는 매우 필수적인 단축키(Shortcuts)에 대하여 정리한 내용입니다. 단축키 사용은 생산성을 높여주기 때문에 파일 찾기 등의 일부 단축키는 활용성이 매우 높습니다. 그럼 아래 리스트를 봐주세요.




# VSCode 단축키 알아보기

꼭 알아야 하는 단축키 위주로 정리해보았습니다. 아래를 봐주세요.



! 자주 사용하는 중요한 단축키 리스트

** 검색 및 찾기 **
- 일치하는 텍스트 찾기  Ctrl + F
- 일치하는 텍스트 바꾸기  Ctrl + R
- 파일 찾기  Ctrl + P

** 줄 또는 블럭 이동하기 **
- 라인 또는 멀티라인 삭제하기  Ctrl + Shift + K
- 라인 위 또는 아래로 이동하기  Alt + 방향키

** 주석 관련 **
- 한 줄(Line)  주석 토글하기 Ctrl + /
; 한 줄에도 적용가능하지만 여러 줄에도 사용이 가능합니다. (블록이 아닌 한줄 주석이 여러 줄에 적용됨)
- 멀티라인 주석 토글하기  Shift + Alt + A

- 현재 줄 선택하기  Ctrl + I  또는  Shift + 방향키


** 탭 관련 **
- 탭 이동하기  Tab
- 탭 반대 방향으로 이동하기  Shift + Tab
- 현재 탭 닫기 Ctrl + W 


** 기타 단축키 **
- 들여쓰기(Indent) 이동하기  Ctrl + [  or  ]

- 선택영역 접기 또는 펼치기  Ctrl + Shift + [  or  ]

- 자동 줄바꿈(Word Wrap) 사용하기(토글)  Alt + Z

- 수정했던 라인으로 바로 이동하기  Alt + 좌우 방향키
; 수정된 상태는 그대로 두고 라인만 이동할 때 사용합니다

- 좌측 또는 우측 화면으로 포커스(Focus) 하기  Ctrl + 1  or  2
; 화면을 분할해서 사용하는 경우 매우 유용하며 좌우로 즉시 이동할 수 있습니다

- 선택 라인으로 이동하기  Ctrl + G
; 100번째 줄로 이동할 경우 100을 입력합니다

- 폰트 사이즈 키우기 / 줄이기(Font size) Ctrl + + or -

- 설정 화면 열기  Ctrl + ,


! 에러 발생시 사용 가능한 단축키

에러가 발생시 사용 가능한 단축키 정보입니다.


- 없는 모듈 자동으로 찾아주기 Ctrl + .


! 자동으로 스타일 등 포맷 및 indentation 설정하기


Formatter가 필요할 수 있습니다. 설치 후 아래 단축키를 누르면 자동 들여쓰기 및 스타일 포맷을 한 번에 맞출 수 있습니다. 매우 많이 사용되는 플러그인(plug-in)입니다.

Shift + Alt + F

위 플러그인은 추천하는 플러그인이므로 꼭 써보시기 바랍니다.


여기까지 자주사용하는 VSCode 단축키 정보를 알아봤습니다.

Previous

크롬브라우저 안전하지 않은 스크립트 로드 표시 제거하는 방법

Previous

웹개발 소스를 크롬에서 바로 수정 및 저장 방법 알아보기