VS Code 생산성 단축키 모음 - 개발 속도 2배 높이기

VS Code 생산성 단축키 모음

요약: VS Code에서 반드시 알아야 할 단축키들을 정리했습니다. 마우스 사용을 줄이면 개발 속도가 확 올라갑니다.

---

기본 단축키 (Mac / Windows)

파일 탐색

• Cmd+P / Ctrl+P: 파일 빠른 열기 (가장 많이 씀!)
• Cmd+Shift+P / Ctrl+Shift+P: 명령 팔레트
• Cmd+B / Ctrl+B: 사이드바 토글
• Cmd+` / Ctrl+`: 터미널 토글

편집

• Cmd+D / Ctrl+D: 같은 단어 선택 (반복하면 추가 선택)
• Cmd+Shift+L / Ctrl+Shift+L: 같은 단어 모두 선택
• Alt+클릭: 멀티 커서
• Alt+Up/Down: 줄 이동
• Shift+Alt+Up/Down: 줄 복사
• Cmd+Shift+K / Ctrl+Shift+K: 줄 삭제

코드 탐색

• F12: 정의로 이동
• Alt+F12: 정의 미리보기
• Shift+F12: 참조 찾기
• Cmd+G / Ctrl+G: 특정 줄로 이동
• Cmd+Shift+O / Ctrl+Shift+O: 심볼로 이동

고급 단축키

멀티 커서 마스터

// 같은 변수명 한번에 수정
1. 변수 선택
2. Cmd+D 반복 (원하는 만큼)
3. 한번에 수정!

// 여러 줄 끝에 커서
1. 줄들 선택
2. Shift+Alt+I (모든 줄 끝에 커서)

코드 정리

• Shift+Alt+F: 코드 포맷팅
• Cmd+K Cmd+C: 주석 처리
• Cmd+K Cmd+U: 주석 해제
• Cmd+/: 줄 주석 토글

검색

• Cmd+F / Ctrl+F: 파일 내 검색
• Cmd+Shift+F / Ctrl+Shift+F: 전체 프로젝트 검색
• Cmd+H / Ctrl+H: 찾아 바꾸기

추천 설정

// settings.json
{
  "editor.formatOnSave": true,
  "editor.linkedEditing": true,  // 태그 자동 수정
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.minimap.enabled": false,  // 미니맵 끄기
  "workbench.startupEditor": "none"
}

추천 확장 프로그램

• GitLens: Git 히스토리 시각화
• Prettier: 코드 포맷터
• Auto Rename Tag: HTML 태그 자동 수정
• Error Lens: 에러 인라인 표시

단축키 외우는 팁

• 하루에 2-3개씩 새 단축키 시도
• 자주 쓰는 것부터 (Cmd+P, Cmd+D)
• Cmd+K Cmd+S로 단축키 목록 확인

참고 자료

• VS Code Mac 단축키 PDF
• VS Code Windows 단축키 PDF

---

작성: 밤비스