본문 바로가기
개발자 프로젝트

모르면 시간낭비, 손해보는 VS CODE 단축키 모음

by summer summer 2021. 6. 13.
반응형

오늘은 제가 VS CODE를 쓰면서 자주 사용하는 단축키들을 총 정리해보겠습니다.

몰랐던 부분들은 당장 오늘부터 적용해서 사용해보시면 개발 능률은 올라가고

코딩 작업 속도 향상도 기대해볼 수 있으실 거예요 :)

 

 

필수, 기본 단축키

Command + C 복사

Command + X 잘라내기

Command + V 붙여넣기

Command + S 저장

Command + A 전체 선택

Command + O 폴더 열기

Command + N 새 파일 생성

Tap 버튼 들여쓰기

Shift + Tap 들여쓰기 취소

 

 

유용한 단축키

Command + D

원하는 범위 잡고 누를 시 같은 내용 다중 선택후 처리 가능

(예. title 선택후 커맨드 디 계속 누르면 title 하나씩 다 선택됨)

 

Command + F 찾기 기능

Command+ R 화면 새로고침(이건 크롬에서 유용)

 

Option키 누른 상태로 원하는 위치 커서 누르면 다중 커서 가능.

그럼 동일한 내용을 한 번에 작성하거나 지우기 가능.

 

긴 단어 선택할 때 일일이 범위 설정하지 않고

단어 위에서 더블클릭하면 단어 전체 선택 가능.

 

Command + / 주석 기능

 

Command + B 파일, 폴더 리스트 펼치기, 숨기기

 

Command + , 세팅(settings) 바로 가기

 

Command + J 터미널 열고 닫기

 

Command + Q VS CODE 종료

 

Command + Shift + K 라인 한 줄 지우기

 

Command + P 빠르게 파일 열기

 

Command + W 현재 파일만 닫기

 

Command + + 혹은 - 글자크기 키우기 줄이기

 

 

HTML & CSS

html 화면에 ! 누르고 shift + tap 키 누르면

html 기본 파일이 한 번에 완성되서 타이핑 안 해도 됨

 

link 타이핑후 엔터 치면

<link rel="stylesheet" href=""> 바로 나옴

 

div 라고 원하는 태그 타이핑 후 엔터 치면

<div></div> 형태로 출력됨

 

ul>li*3 이렇게 타이핑 후 엔터 치면

<ul> 안에 <li></li> 세 개가 자동으로 완성됨

 

 

생각나는 것만 쭉 써보았고 향후 더 떠오르거나

새롭게 발견하는 VS CODE 유용한 단축키가 있다면 추가해두겠습니다 :)

다들 코딩 공부 즐겁게 해보아요!

반응형

댓글