자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리

자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리

OS : (macOS, Windows) 


  • ⇧ : shift
  • ⌃ : controll
  • ⌥ : option
  • ⌘ : command
  • Home : fn + ←
  • End : fn + →
  • Page Up : fn + ↑
  • Page Down : fn + ↓

일반

  • ⇧ ⌘ N (Ctrl + Shift + N) : 새 창 열기
  • ⌘ W (Ctrl + W (Ctrl + F4)) : 에디터 닫기
  • ⌘ B (Ctrl + B) : 사이드바 토글
  • ⌘ J (Ctrl + J) : 하단 패널 토글
  • ⌃ ⌘ F (F11) : 전체화면 토글
  • ⌘ = / - (Ctrl + =/-) : 줌 인/아웃
  • F1 or ⇧ ⌘ P (F1 or Ctrl + Shift + P) : 커맨드 팔레트
  • ⌘ , (Ctrl + ,) : 설정
  • ⌘ K, S (Ctrl + K, S) : 단축키 편집

탭, 그룹

  • ⌃ Tab / ⌃ ⇧ Tab (Ctrl + Tab / Ctrl + Shift + Tab) : 탭 이동
  • ⌘ \\ (Ctrl + \\): 에디터 분할 (그룹 생성)
  • ⌘ K, W (Ctrl + K, F): 그룹 닫기

파일 관리

  • ⌘ P (Ctrl + P) : 빠른 열기, 파일로 이동
  • ⌥ ⌘ S (Ctrl + K, S) : 모두 저장
  • ⇧ ⌘ T (Ctrl + Shift + T) : 다시 열기
  • ⌘ K, P (Ctrl + K, P) : 파일 패스 복사
  • ⌘ K, R (Ctrl + K, R) : Finder에서 파일 위치 열기

검색

  • ⌘ F (Ctrl + F) : 찾기
  • ⌥ ⌘ F (Ctrl + H) : 바꾸기
  • ⌘ G (F3) : 다음 찾기
  • ⇧ ⌘ G (Shift + F3) : 이전 찾기
  • ⌥ Enter (Alt + Enter) : 일치하는 모든 단어 선택
  • ⇧ ⌘ F (Shift + Ctrl + F) : 검색
  • ⇧ ⌘ H (Shift + Ctrl + H) : 전체 검색
  • ⌘ P (Ctrl + P) : 파일 검색
  • ⇧ F12 (Shift + F12) : 참조하는 곳

네비게이션

  • ⌃ G (Ctrl + G) : 지정한 라인으로 이동
  • ⇧ ⌘ M (Shift + Ctrl + M) : 문제 표시
  • F8 / ⇧ F8 (F8 / Shift + F8) : 다음, 이전 문제로 이동
  • ⌃ - / ⌃ ⇧ - (Alt + ← / →) : 이전 위치, 다음 위치
  • ⇧ ⌘ \\ (Ctrl + Shift + \\) : 짝이 되는 괄호로 이동
  • fn ← or → (Home / End) : 줄의 시작/끝으로 이동
  • ⌘ ↑ or ↓ (Ctrl + Home / End) : 파일의 시작/끝으로 이동
  • F12 (F12) : 정의로 이동

편집

  • ⌘ X (Ctrl + X) : 라인 잘라내기 (아무것도 블록 지정하지 않은 경우)
  • ⌘ C (Ctrl + C) : 라인 복사 (아무것도 블록 지정하지 않은 경우)
  • ⇧ ⌘ K (Ctrl + Shift + K) : 라인 삭제
  • ⌥ ↓ or ↑ (Alt + ↓ / ↑) : 라인 이동
  • ⇧ ⌥ ↓ or ↑ (Shift + Alt + ↓ / ↑) : 라인 복제
  • ⌥ Click (Alt + Click) : 커서 삽입 (클릭한 위치에)
  • ⌥ ⌘ ↑ or ↓ (Ctrl + Alt + ↑ / ↓) : 커서 삽입 (위,아래 라인에)
  • ⇧ ⌥ I (Shift + Alt + I) : 커서 삽입 (블록 지정한 영역에)
  • ⌘ U (Ctrl + U) : 마지막 커서 명령 취소
  • ⇧ ⌘ L (Ctrl + Shift + L) : 현재 단어와 똑같은 모든 단어 선택
  • ⌘ F2 (Ctrl + F2) : 현재 단어와 똑같은 모든 단어 선택
  • ⌃ ⇧ ⌘ → or ← (Shift + Alt + → / ←) : 선택 영역 확장/축소

코딩 편의

  • ⌘ / (Ctrl + /) : 라인 주석 (토글)
  • ⇧ ⌥ A (Shift + Alt + A) : 블록 주석 (토글)
  • ⇧ ⌥ F (Shift + Alt + F) : 코드 정렬 (전체)
  • ⌘ K, F (Ctrl + K, F) : 코드 정렬 (선택범위)
  • ⌘ ] or [ (Ctrl + ] / [) : 들여쓰기 / 내어쓰기
  • ⌘ K, X (Ctrl + K, X) : 공백 제거 (trim)
  • ⌥ ⌘ [ or ] (Ctrl + Shift + ] / [) : 접기, 펼치기
  • ⇧ ⌘ Space (Ctrl + Shift + Space) : 파라미터 힌트
  • ⌥ F12 (Alt + F12) : 정의 미리보기
  • ⌘ K, I (Ctrl + K, I) : Show hover
  • ⌘ . (Ctrl + .) : Quick Fix
  • F2 (F2) : 이름 바꾸기

빌드, 실행, 디버그

  • F9 (F9) : 브레이크포인트 토글
  • F5 (F5) : 디버깅 시작
  • ⌃ F5 (Ctrl + F5) : 디버깅 없이 실행
  • ⇧ F5 (Shift + F5) : 디버깅 중지
  • ⇧ ⌘ F5 : Resume
  • F10 (F10) : Step over
  • F11 / ⇧ F11 (F11 / Shift + F11) : Step into/ out

터미널

  • ⌃`` (Ctrl + ``) : 터미널 토글
  • ⌃ ⇧ `` (Ctrl + Shift + ``) : 새 터미널 생성
  • ⌃ ⇧ 5 (Ctrl + Shift + 5) : 터미널 분할

확장기능 단축키

Live server

  • (Alt + L + O) : Open Server
  • (Alt + L + C) : Close Server
0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

HTML/CSS/기타

번호 제목 글쓴이 날짜 조회수
29 자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리 관리자 09-14 5,304
28 div 2개 나란히 정렬하는 방법 관리자 09-09 4,888
27 HTML, CSS - 헤더컬럼 고정형 table 구성하기 관리자 09-06 4,447
26 Drag and Drop File Upload 관리자 09-03 3,032
25 rowspan으로 합친 table에서 룰오버 관리자 08-23 2,526
24 스마트에디터 입력 용량 체크 관리자 07-06 1,911
23 자바스크립트 정규표현식 모음 관리자 07-03 1,198
22 [Javascript] 쓰레드(웹 워커-Web worker)를 사용하는 방법 관리자 04-13 1,065
21 구글 차트 관리자 04-12 1,613
20 Camera API 관리자 04-07 799
19 전화번호 자동 정규식 처리 관리자 04-06 850
18 picocss 관리자 04-03 796
17 CSS 폰트 적용하기 관리자 03-15 696
16 JQuery html2canvas div 이미지 저장 (div 영역 이미지 캡쳐) 관리자 03-15 2,400
15 [#. CSS] 이미지 위에 텍스트, 글자 올리기 text on image 관리자 03-15 2,466
14 다음 지도 api 주소을 좌표 구하고 여러개 마커 제어하기 관리자 03-08 1,082
13 jquery upload 관리자 02-27 633
12 QR코드 활용에 관하여… 관리자 02-08 864
11 비밀번호 정규식 모음 관리자 11-21 774
10 JQuery 노드찾기 관리자 11-12 784