VSCode 기능

최근에 코드잇 부트캠프로 리액트를 공부하며 VSCode를 사용하다가 알아두면 아주 유용한 단축키들을 배웠는데, 자꾸 잊어버리고 활용하지 못해서 여기에 정리해두고 손에 익을 때까지 찾아보려한다.

자동완성

예시로 handleIconClick 이라는 단어를 입력할 때

단어의 앞 부분인 hand 만 입력하거나 단어의 이니셜인 hic 만 입력하면 VSCode는 툴팁으로 단어를 추천해주는데
여기서 원하는 단어를 선택한 다음 Enter나 Tab 키를 눌러 단어를 완성할 수 있다.

단축키

멀티 커서 선택하기

텍스트 커서를 단어로 옮겨 놓으면 해당하는 변수나 함수가 하이라이팅되고,

텍스트를 선택하면 대소문자 구분없이 같은 단어가 하이라이팅되는데

이 상태에서 멀티 커서 선택을 하면 여러 군데를 한 번에 수정할 수 있다.

윈도우	맥
Ctrl + Shift + L	Cmd + Shift + L

직접 멀티 커서 만들기

원하는 위치에 텍스트 멀티 커서를 만들 수 있다.

윈도우	맥
Alt + 클릭	Option + 클릭

찾아 바꾸기

텍스트 커서를 원하는 변수나 함수에 옮겨놓고 찾아 바꾸기를 하면
해당 변수나 함수가 사용된 파일에서도 함께 이름이 바뀐다.

윈도우	맥
F2	fn + F2

 

해당하는 파일로 이동

변수나 함수가 작성된 파일로 이동하고 싶을 때 단어 위에 마우스를 올리고 사용한다.

윈도우	맥
Ctrl + 클릭	Cmd + 클릭

줄 이동

윈도우	맥
Alt +↑↓	Option + ↑↓

 

줄 복사

윈도우	맥
Alt + Shift +↑↓	Option + Shift + ↑↓

 

이 단축키들은 VSCode의 메뉴에서 Help > Keyboard Shortcuts Reference 를 통해서 확인할 수도 있다!