[VS Code] 자주 사용하는 기본 핵심 단축키(shortcuts) 정리 모음

VS CODE에서 HTML, CSS, Javacscript 개발할 때, 자주 사용하는 단축키를 정리해 보았습니다.

 

 글로만 읽으면 이해가 안 될 수 있으나, 그냥 한 번씩 눌러보면, 아~~! 하실겁니다.

(문제가 발생할만한 단축키는 없으니 걱정 마시길!)

---

### VSCode 핵심 단축키 모음###

# 기본 에디터 단축키

1. 사이드바 접기/펴기

Command + B

 

2. 코드 위/아래 이동

Option + 위/아래

 

3. 코드 위/아래 복사

Option + Shift + 위/아래

 

4. 한 행 삭제

Command + Shift + K

 

5. 행 삽입

위에 행삽입 : Command + Shift + Enter

아래행 삽입 : Command + Enter

 

6. 동일 단어 찾아서 한번에 수정

Command + D 연속해서 누른후 수정, 완료시 esc;

 

7. 여러 부분에 커서두고 수정하기

Option + 클릭 으로 여러곳 지정후 수정

 

8. 주석 처리

Commnad + /(슬래시)

 

9. html 중첩 접기/펴기

접기 : Command + Option + [

펴기 : Command + Option + ]

 

10. 여러 창 보기(창 분할)

창 분할: Command + \(역슬래시)

창 전환: Command + 숫자(1은 첫번째 창, 2는 두번째  창, ...)

 

11. 탭 전환(창 내 탭 전환)

좌측 탭으로 이동: Command + Shift + [

우측 탭으로 이동: Command + Shift + ]

 

12. <> 브래킷 처음/마지막 이동

Command + Shift + \

 

13. Command Palette(주요 명령어 검색 + 실행기)

Command + Shift + P

 

14. 파일 Quick Open

Command + P | F1

 

15. 터미널 열기/끄기

Control + 백틱

 

# 주요 익스텐션 단축키

1. Code Runner

코드 실행 : Control + Option + N

실행 중단 : Control + Option + M

 

2. Open in Browser

브라우저에서 실행 : Option + B

 

3. Live Server

서버환경에서 코드 실행: Command + L 누른 다음, Command + O

 

4. tabout

탭으로 따옴표, 괄호 건너뛰기 : Tab

---

* tabout이라는 익스텐션을 설치하면,

코드 작성 중에 Tab키로 따옴표나, 괄호 등을 점프해서 건너뛸 수 있다.

(자바 이클립스 사용에 익숙한 분들이라면 추천하는 익스텐션이다.)