내가 사랑하는 vscode 단축키, 명령, 확장도구 모음

• vscode 관련 글을 여럿 썼는데, 검색해서 찾기에 조각조각인 내용들이 있어
• 하나의 글에 정리하려고 한다

cli

terminal

# 현재 디렉터리에서 code 열기
code .

# 현재 디렉터리를 vscode현재창에서 열기
code . -r

단축키

• ⭐F1 ; show all commands ; 명령 팔레트 열기
• ⭐ctrl p ; go to file ; 파일 열기
• ⭐ctrl alft arrow ; move editor into next group ; 분할창 이동
• ⭐F2 ; rename symbol ; 변수명 변경
• ⭐ctrl shift \ ; go to bracket ; 괄호로 이동
• ⭐ctrl shift r ; refactor ; 리팩토링
• ⭐shift alt rifhtarrow ; expand selection ; 확장 선택
• ⭐shift alt leftarrow ; shrink selection ; 축소 선택
• ⭐shift alt i ; add cursors to line ends ; 선택영역의 라인마다 개별 커서
• ⭐ctrl rightarrow ; cursor word end right ; 다음 단어로 이동
• ⭐ctrl leftarrow ; cursor word left ; 이전 단어로 이동
• ⭐ctrl shift v ; markdown preview ; 마크다운 미리보기
• ⭐ctrl d ; add selection to next find match ; 현재 커서와 동일한 키워드들을 찾아서 선택
• ⭐F12 ; go to definition ; 선언부로이동
• ⭐ctrl leftclick ; go to definition ; 선언부로이동
• alt F12 ; peek definition / peek references ; 선언, 참조 보기
• ctrl 0 ; focus into side bar ; 사이드바 포커스
• ctrl 1 ; focus editor group ; 에디터 포커스
• ctrl shift . ; focus breadcrumbs ; 브레드크럼 포커스
• ctrl t ; go to symbol in workspace ; 심볼로 바로가기 (범위 ; 워크스페이스 전체)
• ctrl shift o ; go to symbol in editor ; 심볼로 바로가기 (범위 ; 현재 포커스된 파일)
• ctrl ` ; toggle terminal ; 터미널뷰 토글
• ctrl g ; go to line/colum ; 커서이동 ; 라인번호,칼럼번호

확장도구

• ⭐ prettier ; 코드 포매터

• ⭐ eslint ; 린트

• ⭐ shell-launcher ; 여러 터미널 구성

• ⭐ code-settings-sync ; vscode setting 클라우드 저장

• ⭐ JavaScript (ES6) code snippets ; 코드 스니펫, 자동완성 도구

• ⭐ TabOut ; 탭키로 괄호 탈출

• vscode-pandoc ; md to word

• live share ; 실시간 멀티유저 코드 편집

• vscode-sql-formatter ; sql 포매터

• ascii tree generator ; 디렉터리 트리 스트링 생성

• auto rename tag ; html 태그 자동 리네임

• bracket pair colorizer ; 괄호색 구분

• indent-rainbow ; 들여쓰기 색 구분

• ⭐ live server

• ⭐ material icon theme

• ⭐ remote - ssh

• path intellisense

• rest client