VSCode의 꽃 Command Palette 활용법

Command Palette(명령 팔레트)는 VSCode의 기본 기능과 확장 기능을 빠르게 실행할 수 있는 매우 강력한 도구입니다. Command Palette를 사용하면 번거롭게 마우스로 메뉴바에서 원하는 기능을 일일이 찾아보지 않아도 키보드만으로 VSCode 다양한 기능을 제어할 수 있습니다.

이번 포스팅에서는 VSCode의 만능 치트키와 같은 Command Palette를 어떻게 사용하는지 알아보겠습니다.

파일 검색

VSCode에서 Command Palette를 여는 것은 매우 간단한데요. 맥에서는 Cmd + P, 윈도우즈에서는 Ctrl + P 단축키를 누르면 됩니다.

이 단축키를 누르면 화면 상단에 작은 입력창이 나타나는데, 여기에 텍스트를 입력하면 해당 텍스트가 이름에 포함된 파일이 나열됩니다. 그래서 좌측의 파일 탐색기(Explorer)에서 마우스로 일일이 폴더를 열어보지 않더라도 파일 이름만 알고 있으면 빠르게 파일을 찾아서 열어볼 수 있습니다.

명령어 검색

Cmd + P나 Ctrl + P 단축키를 눌러서 화면 상단에 나타난 작은 입력창에서 > 키를 입력해보세요. 그러면 이 때부터 진짜 마법이 시작되는데요. 🧙🪄

바로 이 상태에서 VSCode의 기본 기능과 Extension(확장 프로그램)을 통해서 지원되는 확장 기능을 모두 검색해서 실행할 수 있습니다. 따로 단축키로 등록해놓지 않은 모든 기능을 약간의 타이핑을 찾아서 효율적으로 실행할 수 있습니다.

이렇게 Command Palette를 통해서 명령어를 검색할 줄 알면 VSCode 단축키를 많이 몰라도 든든합니다. 검색 결과로 나온 각 기능의 오른편에 단축키까지 나오기 때문에 자주 사용하는 기능은 단축키를 자연스럽게 외워나갈 수 있기 때문입니다.

참고로 Command Palette의 명령어 검색 기능은 맥에서는 Shift + Cmd + P, 윈도우즈에서는 Shift + Ctrl + P 단축키를 통해서 사용할 수 있습니다.

심볼 이동

이번에는 Command Palette을 통해서 특정 심볼을 찾아서 이동해볼까요?

Cmd + P나 Ctrl + P 단축키를 눌러서 화면 상단에 나타난 작은 입력창에서 @ 키를 입력해보세요. 그러면 현재 워크스페이스 내의 변수, 함수, 클래스 등과 같은 심볼(symbol)을 빠르게 검색할 수 있습니다.

참고로 Command Palette의 심볼 검색 기능은 맥에서는 Shift + Cmd + O, 윈도우즈에서는 Shift + Ctrl + O 단축키를 통해서 사용할 수 있습니다.

줄 이동

수백 수천 줄로 이루어진 긴 파일에서 정확한 줄 번호로 이동하고 싶을 때가 있죠?

특히 오류가 발생했을 때 보통 해당 오류가 어느 줄에서 발생했는지 스택 트레이스(stack trace)에 나오는데요. 마우스 스크롤을 하는 대신에 Command Palette을 사용하면 훨씬 빨리 원하는 줄로 빠르게 이동할 수 있습니다.

Cmd + P나 Ctrl + P 단축키를 눌러서 화면 상단에 나타난 작은 입력창에서 : 키를 입력해보세요. 그리고 줄 번호를 입력하고 엔터키를 해당 줄로 바로 커서가 이동합니다.

참고로 Command Palette의 줄 이동 기능은 맥과 윈도우즈 모두 Ctrl + G 단축키를 통해서 사용할 수 있습니다.

마치면서

지금까지 VSCode의 꽃이라고 할 수 있는 Command Palette를 통해서 파일과 명령어를 찾고 심볼과 줄로 이동을 하는 방법에 대해서 살펴보았습니다. VSCode의 Command Palette 기능을 잘 활용하셔서 개발 생산성을 높이실 수 있으셨으면 좋겠습니다.

VSCode 관련 포스팅은 VSCode 태그를 통해서 쉽게 만나보세요!