리액트 할 때 편리한 VScode 기능

✅ 기능 설치

1️⃣ 저장할 때마다 코드 정리하기 - Prettier

① 설치하기

 

② 설정하기

 

③ 설정 확인

: 오른쪽 아래에서 설정된 모습 확인 가능

 

 

---

 

✅ 단축키

1️⃣ 멀티커서 선택

windows	mac
Ctrl + Shift + L	Cmd + Shift + L

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

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

- 위 상태에서 멀티 커서 선택을 하면 여러 군데를 한 번에 수정할 수 있음!

 

 

 

2️⃣ 멀티커서 직접 만들기

windows	mac
Alt + 클릭	Option + 클릭

- 원하는 위치에서 텍스트 커서를 만들 수 있음

 

 

 

3️⃣ 이름을 찾아서 모두 바꾸기

windows	mac
F2	F2

- 텍스트 커서를 원하는 변수나 함수에 옮겨놓고 F2를 눌러 찾아 바꾸기를 하면 해당 변수나 함수가 사용된 파일에서도 모두 함께 이름이 바뀌게 됨!

 

 

 

4️⃣ 해당하는 파일로 이동하기

windows	mac
Ctrl + 클릭	Cmd + 클릭

- 변수나 함수가 작성된 파일로 이동하고 싶을 때,

- 단어 위에 마우스를 올리면 간편하게 사용 가능!

 

 

 

5️⃣ 줄 이동하기

windows	mac
Alt + ↑↓(방향키)	Option + ↑↓(방향키)

 

 

 

6️⃣ 줄 복사하기

windows	mac
Alt + Shift + ↑↓(방향키)	Option + Shift + ↑↓(방향키)