VSCode 단축키

편리한 단축키 설명을 듣고 정리

0. Command Pallette
   ctrl+shipt+P or F1
   vscode에서 실행 가능한 모든 명령들의 관련 기능 확인, 키보드 단축키 확인...> 엔터 치면 명령 실행

1. 코드 일부분을 함수로 뺄때
   분리하고 싶은 부분을 선택 후 > ctrl+shift+r
   cf. 블록 지정 후 변수로 분리한다거나 다른 파일로 빼는것도 가능(이후 쓰기 위해 선언)

2. 관련 파일 이동
   내부 포함 js 나 css 등에서..
   해당 파일 위에 커서를 놓고 F12 누르면 해당 파일로 이동
   cf. 추가로 alt+F12 누르면 에디터 하단에 바로 새창처럼 열림
   CSS의 경우 extension에서
   CSS Peak, HTML CSS Support 설치 필요

3. F2, Rename Symbol
   해당 변수로 가서 Rename Symbol 이나 F2를 눌러 변경하면 관련 부분 전부 함께 수정함
   cf. ctrl+shift+L

4. snippets (자동완성)
   사용하는 언어의 snippets을 extension에서 검색 설치

5. 멀티 커서
   alt+마우스클릭
   shift+alt+mouse drag
   mouse block지정 후 > alt+shift+I

6. emmet
   emmet명령어+tab
   div안에 span태그 5개 넣을때...
   div>span*5 작성 후 tab키
   css에서도 축약어인 emmet을 활용하여 편리성 가져감

7. 단축키

• 코드 하이라이트 : ctrl+L
• 줄이동 : alt+화살표(위,아래)
• 줄복사 : alt+shift+아래화살표
• 여러칸(단어단위) 이동 : ctrl+방향키
• 다른 파일로 이동 : ctrl+p
• terminal : ctrl+` (백팁)

8. 사용자 세팅
   ctrl+, (콤마)

9. 코드 화면 넓게 : 토글 사이드바
   ctrl+B

10. 키보드 숏컷
    ctrl+K+S

11. multi selection
    ctrl+D 누를때 마다 파일내의 단어가 선택이 되고 한번에 수정하거나 삭제가 가능함

12. 이전 커서로 이동
    ctrl+U