[ mac OS ] VSCode 자주 쓰는 단축키 [사용 동영상 첨부]

[ 요약 ]

마우스를 쓰지 않고 키보드로만 코딩하고 싶을 때 사용하는 12가지 단축키

No	기능	단축키	확장 프로그램
1	커서 워프	option + 방향키
2	다중 커서	option + cmd + 방향키
3	복사하기	option + shift + 방향키
4	코드 이동하기 ( 한 줄, n 줄 )	option +  방향키
5	코드 제거하기 ( 한 줄 )	shift + cmd + K
6	Refactoring	cmd + .
7	연관된 모든 이름 변경	F2
8	다른 파일로 이동	cmd + P
9	새 터미널 열기	cmd + '
10	코드 이쁘게 정리하기	ctrl + option + L	Beautify
11	HTML과 CSS가 연결된 코드 찾기	F12	CSS Peek, HTML CSS Support
12	주석	cmd + /

그 외 기능 4가지

No	기능	단축키	확장 프로그램
13	자동 완성	Tab	snippets
14	다중 선택 커서	option + click
15	선택된 영역 다중 선택	option + shift + I
16	마우스의 포인트가 있는 곳에  다중 커서	option + shift + drag

[ 참조 동영상 ]

1. 커서 워프

option + 방향키 ( 좌 or 우 )

2.  다중 커서

option + cmd + 방향키( 위 or 아래 )

3. 복사하기

option + shift + 방향키( 위 or 아래 )

4.  코드 이동하기 ( 한 줄, n 줄 )

option + 방향키( 위 or 아래 )

 

[ 사용법 1 ] - 한 줄만 이동할 때

1. 대상 코드 위에 커서를 둡니다.

2. option + 방향키( 위 or 아래 )를 통해 원하는 곳으로 이동합니다.

[ 사용법 2 ] - 여러 줄 이동할 때

1. 시작점에서 shift + 방향키( 아래 )로 커서를 잡아줍니다. 

2. 시작 지점 앞에서 shift + cmd +  방향키( 우 )를 누릅니다.

3. option + 방향키를 통해 원하는 곳으로 이동합니다.

4. 이동이 끝나면 esc를 눌러 탈출하세요.

5. 코드 제거하기 ( 한 줄 )

shift + cmd + K

 

[ 사용법 ]

1. 삭제하려는 줄에 커서를 둡니다.

2. shift + cmd + K를 누릅니다.

6.  Refactoring

cmd + . ( dot )

 

7.  연관된 모든 이름 변경

F2

8.  다른 파일로 이동

cmd + P

9. 새 터미널 열기

cmd + J

 

10. 코드 이쁘게 정리하기

Beautify 확장 프로그램을 설치합니다.

주의사항: 확장으로 설치하신 뒤에 따로 조합키를 설정하셔야 합니다.

 

ctrl + option + L

11.  HTML과 CSS가 연결된 코드 찾기

CSS Peek, HTML CSS Support 확장 프로그램을 설치합니다

주의사항: 파일을 저장하고 종료했다가 다시 열어야 효과 있습니다.

 

F12

12. 주석

cmd + /

13. 자동 완성

( 사용하려는 언어 ) snippets 확장 프로그램을 설치

작성한 후 Tab

14. 다중 선택 커서

option + 마우스 click

15. 선택된 영역 다중 선택

option + shift + I

16. 마우스의 포인트가 있는 곳에  다중 커서

option + shift + drag