Featured image of post 생산성을 높여주는 VS Code 단축키Featured image of post 생산성을 높여주는 VS Code 단축키

생산성을 높여주는 VS Code 단축키

필수 키보드 단축키를 사용하여 VS Code 생산성을 높이세요. 일상적인 편집 작업 흐름을 가속화하세요.

VS Code는 사용자 정의가 가능하지만 내장된 키보드 단축키를 익히는 것만으로도 일상적인 코딩 속도를 크게 높일 수 있습니다. 이 문서에서는 가장 필수적인 단축키와 이를 원하는 대로 사용자 정의하는 방법을 다룹니다.

꼭 알아야 할 기본사항

다음 단축키를 익히면 마우스를 사용하는 횟수가 크게 줄어듭니다.

액션윈도우/리눅스macOS
명령 팔레트Ctrl+Shift+PCmd+Shift+P
빠른 파일 검색Ctrl+PCmd+P
사이드바 전환Ctrl+BCmd+B
분할 편집기Ctrl+\Cmd+\
토글 터미널``` Ctrl+` ``Ctrl+`

명령 팔레트로 시작

Ctrl+Shift+P(또는 macOS의 Cmd+Shift+P)은 모든 VS Code 기능에 대한 게이트웨이인 명령 팔레트를 엽니다. 마우스를 건드리지 않고도 파일 저장, 포맷터 실행, 확장 프로그램 설치 등의 작업을 수행할 수 있습니다. 이것을 먼저 배우십시오.

다중 커서 편집

다중 커서 편집은 VS Code의 가장 강력한 생산성 기능 중 하나입니다.

  • 다음 항목 선택: 단어를 선택하고 Ctrl+D(Cmd+D)을 반복해서 누르면 더 많은 항목을 선택하고 동시에 편집할 수 있습니다.
  • 모든 항목 선택: Ctrl+Shift+L(Cmd+Shift+L)을 눌러 파일에서 현재 단어의 모든 인스턴스를 선택합니다.
  • 어디에나 커서 추가: Alt+Click 필요한 곳에 추가 커서를 배치합니다.

파일의 모든 위치에서 userName의 이름을 displayName로 바꿔야 합니까? Ctrl+Shift+L를 누르고 새 이름을 입력하면 완료됩니다.

인스턴트 탐색

프로젝트가 성장함에 따라 파일 검색에 시간이 많이 소요됩니다. 다음 단축키를 사용하면 거의 즉시 탐색할 수 있습니다.

  • 파일 검색: 퍼지 파일 이름 일치를 위한 Ctrl+P. 경로 세그먼트를 입력하여 결과 범위를 좁힙니다.
  • 기호로 이동: Ctrl+Shift+O (Cmd+Shift+O)은 함수 또는 클래스 정의로 직접 이동합니다.
  • 줄로 이동: Ctrl+G 뒤에 줄 번호가 옵니다.
  • 뒤로/앞으로 이동: Alt+LeftAlt+Right을 사용하면 커서 위치 기록을 탐색할 수 있습니다.

편집기와 터미널 분할

편집기 분할

편집기를 나란히 분할하려면 Ctrl+\을 누르세요. CSS와 함께 HTML을 편집하거나 코드를 작성하는 동안 API 응답을 참조하는 데 유용합니다. Ctrl+1 / Ctrl+2를 사용하여 분할 간에 초점을 전환합니다.

통합단말기

Ctrl+` and split it with Ctrl+Shift+5를 사용하여 터미널을 엽니다. 한 창에서 빌드를 실행하고 다른 창에서는 Git 명령을 실행하세요.

바로가기 사용자 정의

기본값이 적절하지 않다고 생각되면 기본값을 변경하세요.

  1. Ctrl+K Ctrl+S을 눌러 키보드 단축키 편집기를 엽니다.
  2. 리바인드하려는 명령을 검색하십시오.
  3. 항목을 두 번 클릭하고 원하는 키 조합을 누른 다음 Enter를 누르십시오.

가장 자주 수행하는 작업에 기억하기 쉽고 접근하기 쉬운 키를 할당하세요. 예를 들어, 많은 개발자는 Ctrl+` to Ctrl+J에서 토글 터미널 단축키를 다시 바인딩합니다.

요약

키보드 단축키는 처음에는 부담스럽게 느껴지지만 하루에 수십 번씩 수행하는 작업부터 시작하세요. 명령 팔레트와 다중 커서 편집만으로도 작업 흐름에 상당한 차이가 생길 것입니다. 지름길 레퍼토리를 점진적으로 구축하면 곧 제2의 천성처럼 느껴지는 코딩 환경을 갖게 될 것입니다.