[VSCode] 매일 쓰는 단축키들

단축키는 마우스로 손이 이동하는 시간을 줄여 생산성을 향상시켜 준다.
윈도우 키보드 기준

파일 탐색

• 폴더 열기(VSCode 루트 디렉토리로): Ctrl + K, O
• 파일 열기: Ctrl + P
  • 마우스로 디렉토리 창을 보는 시간을 줄일 수 있다
• (리눅스 터미널에서) code 파일명
  • ex) code ../utils/common.js
  • 터미널 창을 따로 띄우거나, 아래 소개할 Ctrl + `으로 터미널 창을 열고 사용한다
• 새 창: Ctrl + Shift + N
  • VSCode를 하나 더 켠다 (프로세스를 하나 더 생성)
  • 주로 다른 프로젝트의 코드를 참고할 때 쓴다
• 새 파일 생성: Ctrl + N
  • Ctrl + S로 저장까지 해야 파일이 생성된다!
  • 사람에 따라서는 리눅스의 touch가 더 편할수도 있다
    • 얘는 디렉토리도 같이 지정 가능하니까
    • ex) Ctrl+` touch routes/mainPage.js code routes/mainPage.js

화면, 창

• 터미널 창 열기: Ctrl + `
  • (`는 키보드에서 ~에 shift를 떼면 나오는 backtick이다)
  • 위 단축키로 터미널을 연 다음 리눅스 명령어와 연계한다
    • ex) npm run start , python manage.py
• 왼쪽 사이드 창 열고 닫기: Ctrl + B
• 전체화면: F11
  • 위 세 명령어는 코드창 최대로 보이게 해주는 명령어 3총사이다
  • ctrl + shift + p, toggle minimap으로 스크롤 바 옆의 미니맵이 차지하고 있는 공간도 줄일 수 있다.

코드 에디터

• Ctrl + space: 자동완성 추천 목록
• F2: 이름 바꾸기
  • 변수명, 함수명, 클래스명 등등
  • 개꿀이다
  • 이렇게 이름 바꾸기 쉬우니까 모호한 이름이 있다면 알아보기 쉬운 이름을 봤다면 바꿔주자!
• ctrl + shift + k: 한 줄 지우기(현재 커서 있는 줄)
• alt + 클릭: 다중 커서 지정
  • 커서가 여러개 생겨서 여러 군데 동시 수정이 가능해진다
• Ctrl + D: 같은 단어, 구절 다중 선택
  • 한번 누를때마다 같은 단어 하나를 더 선택한다
  • 위 다중 커서의 더 유용한 버전이다.(마우스 안 써도 되고) 이 단축키도 커서를 여러개 만든다.
  • }, }=이런 것도 블록으로 잡고 실행 가능하다
  • 그래서 개꿀이다
• Ctrl + /: 선택한 영역 주석 처리
  • 우스갯소리로 최고의 디버깅 툴이라고도 하는 단축키다
• Ctrl + shift + O: 함수명, 변수명, 등등 이름으로 검색
• Ctrl + shift + f: 모든 파일에서 검색 (현재 열려 있는 루트 폴더 기준)

추가
VSCode 공식 Tips and Tricks 문서
vscode 상위 탭 - Help - Tips and tricks에 있다.
상단에 적은 단축키를 포함해서 각종 꿀팁들을 설명해 놓았다
이런 개꿀 정보를 이제야 보다니...