꼭 알아두면 좋은 VSCode 단축키 모음

VSCode 단축키 모음

세상엔 여러 개발자가 있습니다. 타자 속도 영문 100타의 독수리 타법을 구사하는 개발자도 있고 500타는 기본인 개발자도 있습니다. 어떤 개발자가 좋은 개발자인지의 기준은 여러가지가 있겠지만, 이번 포스트는 코드 수정 속도의 효율을 올려주는 '단축키' 에 대해 알아보겠습니다.

 

모든 단축키를 다 작성하지는 않고, 현업에서 제가 많이 쓰는 단축키 모음입니다.

MAC 으로 포스팅하고 있어서 Windows 단축키 체크는 미흡해서 몇 개 못 적었습니다. ㅠㅠ

1. 언제까지 마우스로 폴더를 뒤적거릴건가? 

• * 프로젝트 내 전체 코드 검색 : command + shift + F (MAC) / ctrl + shift + F (Windows)
• * 파일명 검색 : command + P (MAC) / ctrl + P (Windows)

 

2. 동일한 변수명 또는 글자 바꾸기

동일한 변수명을 바꿀 때, 많은 분들이 코드를 블럭처리하고 오른쪽 클릭을 해서 Refactor 라는 기능을 찾아 사용하는 경우가 많습니다. 특정 언어를 중심으로 Refactor 가 적용되는 경우엔 괜찮지만 JSON이나 XML, TXT 등 데이터 파일을 수정하는 경우엔 어떻게 할건가요?

 

• 파일 내 검색 : command + F (MAC) / ctrl + F (Windows)
• 파일 내 찾아바꾸기 : command + option + F (MAC) / ctrl + H (Windows)
• 프로젝트 내 검색 : command + shift + F (MAC) / ctrl + shift + F (Windows)
• 프로젝트 내 찾아바꾸기 : command + shift + H (MAC) / ctrl + shift + H (Windows)
• ** 검색할 때 대소문자 구분 : 위 커맨드 실행 후 command + option + C (MAC) / alt + C (Windows)

 

728x90

 

3. 여러 단어 또는 여러 줄 한 번에 수정하기 (멀티커서)

이 기능을 잘 쓰면 코드는 순식간에 수정하고, 오후에 탱자탱자 놀기 가능

우선 멀티커서를 만들기 전에 문자나 단어를 선택, 블록 처리 하는 단축키입니다.

 

1. 블록 지정 단축키 (= 커서 드래그)

• 글자 선택 : shift + ← 또는 → (공통)
• 단어 선택 : 더블클릭 / option + shift + ← 또는 → (MAC)
• 줄 선택 : command + ← 이후 option + command + → (화살표 반대로 가능)

2. 건너뛰기 단축키

• 글자 건너뛰기 : ← 또는 → (공통)
• 단어 건너뛰기 : option + ← 또는 → (MAC) / ctrl +  ← 또는 → (Windows)
• 줄 맨 앞으로, 맨 뒤로 건너뛰기 : command + ← 또는 → (MAC) / home 또는 end (Windows)

3. 멀티커서 만들기

• 마우스 이용 멀티커서 만들기 : option + Click (MAC) / alt + Click (Windows)
• 방향키 이용 멀티커서 만들기 : command + option + ↑ 또는 ↓ (MAC) / Windows 까먹음
• ** 같은 문자 선택으로 멀티커서 만들기 :  블록 지정 (1. 참고)  후 command + D (MAC) / alt + D (Windows)

command + D / alt + D 예시 (출처: vscode docs)

멀티커서를 잘 활용하면, 드라마에서 종종 보던 코딩 속도에 근접(MSG 조금 뿌려서)하게 코드 수정 가능합니다.

 

여기에 추가했으면 하는 단축키는 댓글로 알려주세요.

써보고 피드백 또는 추가해드립니다.