자주 사용하는 비주얼 스튜디오 코드(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/기타

번호 제목 글쓴이 날짜 조회수
47 스마트에디터 반응형 CSS 추가 관리자 12-13 33
46 JS 글자수 체크(공백포함, 제외) 및 언어 옵션 설정 관리자 09-02 2,910
45 web chart - 실시간 차트 관리자 07-25 2,880
44 비동기 프로그래밍 관리자 07-25 2,829
43 table thead 고정과 tbody 스크롤 관리자 07-23 2,888
42 datepicker 사용하여 공휴일 직접 지정하기 관리자 06-11 2,943
41 Dropzone - 이미지 & 파일 업로드 (드래그 앤 드롭) 라이브러리 관리자 03-06 3,111
40 JSPDF 사용법(Javascript pdf) 관리자 03-04 3,454
39 FullCalendar(풀캘린더) 어거지 사용법 관리자 01-25 3,296
38 JQUERY - id가 여러개인데 한번에 찾고 싶을때! ${} 관리자 12-28 3,122
37 [CSS] 가로 스크롤 구현하기 관리자 12-27 3,280
36 JCROP을 이용한 업로드한 크롭( CROP ) 하기 관리자 12-27 3,244
35 제이쿼리 - 모달 다이아로그 및 여러 알림창들 관리자 12-21 2,948
34 Javascript/jQuery 이미지 회전 돋보기 관리자 11-07 3,349
33 Resolving the Issue of Fakepath in JavaScript 관리자 10-26 2,996
32 div 및 요소 화면 중앙에 위치시키기 관리자 10-21 3,016
31 [Jquery] 체크박스 전체 체크 , 해제 하는 방법 관리자 10-19 3,052
30 display 스타일 속성 사용하여 행 숨기기/보이기 관리자 09-16 3,436
29 자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리 관리자 09-14 3,559
28 div 2개 나란히 정렬하는 방법 관리자 09-09 3,241