오늘은 제가 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 유용한 단축키가 있다면 추가해두겠습니다 :)
다들 코딩 공부 즐겁게 해보아요!
'개발자 프로젝트' 카테고리의 다른 글
[책] 비전공자를 위한 이해할 수 있는 IT 지식 정리 (0) | 2021.07.10 |
---|---|
노마드코더 :: 코코아톡 클론코딩 :: 챌린지 후기 (18기) & 포트폴리오 공개 (0) | 2021.06.26 |
6-8월 개발 공부 :: 왕초보에서 풀스택 포트폴리오 만들기까지 (0) | 2021.06.10 |
노마드코더 :: 코코아톡 클론코딩 :: 챌린지 시작! (18기) (0) | 2021.06.07 |
노마드코더 :: 코코아톡 클론코딩 :: HTML CSS 입문 강의 추천 (0) | 2021.06.06 |
댓글