VS code 단축키 정리

💥 VS code를 이미 3년 가량 사용해왔는데, 이렇게나 편리한 기능이 많은 줄 몰랐어요😢 (기본적인 것은 제외하고) 앞으로 많이 사용할 듯한 단축키+팁들 정리해보겠습니당

• 프로젝트는 파일이 아니고 폴더=디렉터리 단위
  🌟 파일 이름은 웬만하면 소문자로!

• 파란색 상태바에서 Spaces:4 클릭해 공백 2로 바꿀 수 있음

• Explorer가 위치한 Side Bar 좌측의 Activity Bar에서 가장 아래에 위치한 Extensions 클릭하면 다양한 확장자 설치 가능

  • Beautify : 코드 자동 정리 (단축키 Ctrl+Alt+l로 지정)
  • Auto Rename Tag : 열린태그 바꾸면 닫힌태그 자동 수정
  • Live Server : (HTML 파일에서만) 우클릭 or 하단의 파란색 상태바에서 Go Live -> 개발 위해 임시로 로컬 서버 오픈

Shortcuts

• ! + Enter : HTML 기본 구조 자동 입력
• Ctrl+Alt+S : 전체 프로젝트 저장
• Ctrl+B : 사이드바 열고 닫기
• Ctrl+P : 이름으로 파일 검색
• Ctrl+Shift+P : 모든 명령 표시
• Ctrl+W : 편집기 닫기
• Ctrl+H : 찾기+바꾸기
• Alt+Up : 해당줄을 위로 이동
• Alt+Shift+Up : 해당 줄을 윗줄에 복붙
• Ctrl+Shift+Up : 윗줄까지 드래그
• Ctrl+\ 편집기 분할
• Tab : 들여쓰기=Indent
  <-> Shift+Tab : 내어쓰기(왼쪽으로 이동)