[vscode 단축키] Visual Studio Code 단축키 총정리(Windows/Mac)(+Prettier 단축키)

 
 

<-- 키워드로 단축키 바로 찾기 -->

Windows/Linux: Ctrl + F
macOS: Cmd + F

ex) 커서, 주석, 들여쓰기, 포맷 . . .

 
 

- 코드 편집 및 조작 -

1. 코드 작성 및 편집

   - 자동 완성
: `Ctrl + Space` (Windows/Linux) 또는 `Cmd + Space` (macOS)

   - 코드 줄 정렬
: `Ctrl + K` 뒤에 `Ctrl + F` (Windows/Linux) 또는 `Cmd + K` 뒤에 `Cmd + F` (macOS)

   - 코드 주석 처리
: `Ctrl + /` (Windows/Linux) 또는 `Cmd + /` (macOS)

   - 코드 들여쓰기
: `Ctrl + ]` (Windows/Linux) 또는 `Cmd + ]` (macOS) (들여쓰기 증가), `Ctrl + [` (Windows/Linux) 또는 `Cmd + [` (macOS) (들여쓰기 감소)
 

2. 코드 조작

   - 코드 줄 이동
: `Alt + ↓/↑` (Windows/Linux) 또는 `Option + ↓/↑` (macOS)

   - 코드 블록 접기/펼치기
: `Ctrl + Shift + [` (Windows/Linux) 또는 `Cmd + Shift + [` (macOS) (접기), `Ctrl + Shift + ]` (Windows/Linux) 또는 `Cmd + Shift + ]` (macOS) (펼치기)

   - 현재 줄 복사
: `Shift + Alt + ↓/↑` (Windows/Linux) 또는 `Shift + Option + ↓/↑` (macOS)

3. 빠른 에디터 조작

   - 현재 줄 이동: `Ctrl + ↓/↑` (Windows/Linux) 또는 `Cmd + ↓/↑` (macOS)
   - 현재 줄 삭제: `Ctrl + Shift + K` (Windows/Linux) 또는 `Cmd + Shift + K` (macOS)
   - 현재 단어 삭제: `Ctrl + Backspace` (Windows/Linux) 또는 `Option + Delete` (macOS)
   - 현재 단어 이동: `Ctrl + 좌/우 화살표` (Windows/Linux) 또는 `Option + 좌/우 화살표` (macOS)

4. 다중 커서와 선택

   - 멀티 커서 추가: `Alt + 클릭` (Windows/Linux) 또는 `Option + 클릭` (macOS)
   - 동일 단어 다중 선택: `Ctrl + D` (Windows/Linux) 또는 `Cmd + D` (macOS)
   - 모든 단어 다중 선택: `Ctrl + Shift + L` (Windows/Linux) 또는 `Cmd + Shift + L` (macOS)
 
 

 

---

 

- Prettier 단축키 -

코드 자동 포맷

   - Windows/Linux: `Shift + Alt + F`
   - macOS: `Shift + Option + F`
 
 

---

 

- vscode 주요 단축키 -

1. 파일 및 에디터 작업

   - 파일 열기: `Ctrl + O` (Windows/Linux) 또는 `Cmd + O` (macOS)
   - 파일 저장: `Ctrl + S` (Windows/Linux) 또는 `Cmd + S` (macOS)
   - 파일 닫기: `Ctrl + W` (Windows/Linux) 또는 `Cmd + W` (macOS)
   - 전체 화면 토글: `F11`
   - 사이드바 토글: `Ctrl + B` (Windows/Linux) 또는 `Cmd + B` (macOS)

2. 편집기 내 작업

   - 복사: `Ctrl + C` (Windows/Linux) 또는 `Cmd + C` (macOS)
   - 잘라내기: `Ctrl + X` (Windows/Linux) 또는 `Cmd + X` (macOS)
   - 붙여넣기: `Ctrl + V` (Windows/Linux) 또는 `Cmd + V` (macOS)
   - 증가/감소 선택 범위: `Ctrl + Shift + →/←` (Windows/Linux) 또는 `Cmd + Shift + →/←` (macOS)
   - 여러 커서 추가: `Alt + 클릭` (Windows/Linux) 또는 `Option + 클릭` (macOS)

3. 탐색

   - 정의로 이동: `F12`
   - 선언으로 이동: `Ctrl + F12` (Windows/Linux) 또는 `Cmd + F12` (macOS)
   - 파일 내 검색: `Ctrl + F` (Windows/Linux) 또는 `Cmd + F` (macOS)
   - 전체 프로젝트 검색: `Ctrl + Shift + F` (Windows/Linux) 또는 `Cmd + Shift + F` (macOS)

4. 터미널

   - 터미널 열기: `Ctrl + ` (Windows/Linux) 또는 `Cmd + ` (macOS)
   - 이전/다음 터미널 탭: `Ctrl + Page Up/Page Down` (Windows/Linux) 또는 `Cmd + Shift + [ / ]` (macOS)

5. 디버깅

   - 디버깅 시작/중지: `F5`
   - 다음 중단점으로 이동: `F10`
   - 현재 함수 실행: `F11`
   - 변수 확인: `Ctrl + Shift + Y` (Windows/Linux) 또는 `Cmd + Shift + Y` (macOS)