VS Code 사용법 정리

VS Code 설치 후 사용법에 대한 간단 정리

VS Code 기본 화면은 좌측에 액션바/사이드바, 우측에 에디터, 아래쪽에 하단 패널로 구성되어 있다.

최초 화면 구성 설정하기

1) 커맨드창 열기: Ctl-Shift-P

2) 사이드바(SideBar) 위치 우측으로 변경
   > 커맨드창 - toggle sidebar position
   변경사유: Ctl-B 로 사이드바 보이기/안보이기 할 경우 좌측에 있으면 에디터 위치 변경으로 눈의 피로도 가중

3) 컬러 테마 설정 
   > 커맨드창 - Theme - Preference: Color Theme 선택 
   원하는 Theme을 선택 하거나 없다면 맨 아래 Install Additional Theme 에서 추가 
    Night Owl 또는 Cobalt2 추천

4) Icon 테마 설정 
   > 커맨드창 - Theme - Preference: File Icon Theme 선택 
   원하는 Theme을 선택 하거나 없다면 맨 아래 Install Additional Theme 에서 추가 
    Material Icon Theme 추천

5) Mini Map 끄기
   > Settings - minimap - Enabled 체크 제거

6) Side Bar 에서 Open Editors 항목 끄기
  Settings - open editor - 숫자를 0으로 설정
  사유: Ctl-P를 눌러서 Open Files 창에서 처리 가능함 

7) 설정을 Json 형식 으로 바꾸기
  Settings - settings json - UI -> Json 으로 변경 

8) UI 형식 설정화면 바로가기 생성
  커맨드창 - Preference : Open Keyboard Shortcut 선택 
  검색에서 Settings UI 넣고 키 바인딩에서 Ctl-Alt-, 로 설정 
사유: 잘 모르는 항목 검색이 필요할 경우 설정에서 잘 모르면 검색 부분에 원하는 내용을 넣으면 인공지능을 이용해 찾아주므로 때때로 UI 형식 설정이 필요함. 

 

유용한 Hot Key 정리

기본 Hot Key

커맨드 창 열기: Ctl-Shift - P 
설정 Ctl - ,
Sidebar 보이기/숨기기 : Ctl - B 
하단 패널(Output) 보이기/숨기기 : Ctl-J

Open 파일리스트 : Ctl-P 
위 창에서 메쏘드 리스트 @ 
위 창에서 문자열로 메쏘드 검색 #문자열 
@: 분류별로 보여 줌 (CPP인 경우는 헤더에서) 

Ctl-~ : 터미널 바로가기 
Ctl-0 : 사이드바 바로가기 
Ctl-1 : 편집기 바로가기 

변수명 또는 Method 바꾸기 
F2를 눌러 바꾸면 참조하는 모든 곳이 바뀜

Split Editor
Ctl-\ : 현재 편집 중 화면을 우측으로 분리
Ctl-K Ctl-\ : 현재 편집 중 화면을 아래쪽으로 분리

Editing Hot Key

Alt - 화살표 : 라인 이동
Alt Shift - 화살표 : 라인 복사 
Ctl Shift - K : 라인 삭제 
브라켓(Bracket) 매칭: Ctl-Shift-\

Ctl Shift - L : 현재 커서와 일치하는 단어 모두 선택
Ctl - D: 현재 커서와 일치하는 단어 모두 선택 계속 누르면 다음으로 이동
Ctl - K: 위에서 해당 내용 건너 뜀

검색 시 regex 검색 가능
검색 후에 Alt-Enter 누르고 화살표 이동 후에 전체 변경 가능

찾기
Ctl-F

GIT

Ctl-Shift G : Open GIT Window
Window 에서
Comment 넣고 Ctl-Enter 하면 Commit
Push 하는 건 Windows ...메뉴에서 Push 하거나
우측 하단 Sync 아이콘 누름
(Sync 와 Push 의 차이는 Sync 는 Pull 을 먼저 하고 Push를 함)