비쥬얼 스튜디오 코드(Visual Studio Code)
제가 정말 비쥬얼 코드로 코드를 작성하면서 답답한 부분이 많았습니다.
그래서 직접 찾아... 단축키를 한 번에 정리한 글을 작성해보려고 합니다.
가장 먼저,
태그를 입력하면 자동 완성이 되는데, 그럴 때마다 </div> 태그까지 방향키로 누른 후,
엔터를 쳐서 아래 줄로 내려갔다.
그런데 Ctrl + Enter을 한 번에 누르게 되면 바로 아래 코드줄로 내려가게 된다.
이처럼 유용한 단축키를 소개하겠다.
이는 모두 윈도우 기준의 단축키이다.
Ctrl + Enter
커서 위치 상관 없이 아랫줄로 내려가기
빠르게 작업 가능
! (느낌표) 입력 후 -> Enter 치기
기본 틀 생성
빠르게 작업 가능
Ctrl + /
or Ctrl + K + U
주석 <!-- --> 처리 단축키
여러 줄 드래그 + Ctrl + /
or Ctrl + K + U
여러 줄 동시에 주석 달기
Shift 누른 채 + 방향키
키보드로 코드 드래그 하기
Alt 누른 채 + ↑↓ 방향키
커서가 있는 코드 줄을 통째로 이동시키는 단축키
코드 한 줄을 다른 줄로 옮길 때 사용한다.
Alt + Shift + ↑↓ 방향키
커서가 있는 코드를 방향키 방향으로 그대로 복제
코드 통째로 복사할 때 유용하게 사용.
Alt + Shift 누른채로 드래그
마우스가 가는 곳마다 커서 만들기
Alt 누른 채 + 마우스 클릭
다중 커서 기능으로 동시에 여러 곳에 같은 코드 작성 가능
끝낼 땐 ESC 키 누르면 된다.
Ctrl + D
반복되는 코드 Ctrl D 누를 때마다 커서 생성.
반복되는 코드 수정 시 유용하게 사용
Ctrl + Shift + L
반복되는 일치한 코드 모두 커서 생성
Ctrl + F
코드 검색 기능
Ctrl + Shift + F
프로젝트 폴더 전체에서 코드 검색
Ctrl + X
마우스 커서가 있는 해당 줄을 잘라낸다.
다시 Ctrl + V 붙여넣기를 통해 붙여넣을 수 있다.
Ctrl + Z
실수로 코드를 지웠을 때, 되돌리기 기능
Ctrl + Shift + Z
or
Ctrl + Y
Ctrl+Z로 되돌렸던 것을 취소할 때, 재실행 기능
Ctrl + A
코드 전체 선택
Ctrl + G + 숫자 입력
입력한 숫자에 해당하는 줄로 마우스 커서 이동
Ctrl + Home
페이지 상단으로 바로 이동
Ctrl + End
페이지 하단으로 바로 이동
Ctrl + PageUp키
열린 탭 왼쪽으로 이동
Ctrl + PageDown키
열린 탭 오른쪽으로 이동
Ctrl + ` (백틱)
물결(~) 있는 키
터미널 빠르게 열기
Ctrl + B
왼쪽 사이드 바 숨기거나 열기
코드 창 넓게 쓸 때 유용
link:css 입력 후 -> Enter 치기
CSS 참고 레퍼런스 자동 생성
더 많은 단축키가 궁금하다면 비주얼 스튜디오 프로그램 안에서 확인을 해보자.
윈도우라면
Ctrl + K + S
맥이라면
커맨드 + K + S를
누르면
많은 단축키를 확인할 수 있다.
여기서 필요한 것만 쏙쏙 빼서 써보자.
댓글