VSCode 단축키, 팁

자주 보는 아이콘들

 

자주 쓰는 단축키들

1. 일괄 다중선택: ⌃ + ⇧ + L
   1. 대소문자를 구분해서 현재 편집중인 파일의 모든 단어를 선택합니다.
   2. 스코프에 관계없이 모든 것을 선택하기에, 저는 잘 사용하지 않습니다
2. 다중선택 : ⌘ + D
   1. 제가 가장 많이 사용하는 단축키입니다.
   2. 크게 두 가지 사용법이 있습니다.
      1. 첫째
         1. 최초에 현재 커서가 위치한 단어 전체를 선택합니다.
         2. 이후에는 대소문자를 구분해서 다음에 나오는 같은 단어를 선택합니다.
         3. 이때에는 선택된 단어가 다른 단어의 접두사 혹은 접미사인 경우에는 선택하지 않습니다.
            1. ex) User (O), UserController (X)
      2. 둘째
         1. 최초에 특정 단어의 일부(접두사, 접미사 등)를 선택합니다.
         2. 이후에는 대소문자를 구분해서 다음에 나오는 같은 단어를 선택합니다.
         3. 이때에는 선택된 단어가 다른 단어의 접두사 혹은 저미사인 경우도 포함해서 선택합니다.
            1. ex) User (O), UserController (O)
3. 다중선택 취소(마지막 선택 되돌리기): ⌘ + U
   1. 저도 얼마전에 알게 된 단축키로, 이전에는 실수로 하나 더 선택하면 처음부터 다시하곤 했지만, 이 단축키로 마지막에 선택한 단어를 선택취소 할 수 있습니다.
4. 탐색기(사이드바) : ⌘ + B
   1. 좌측 사이드바를 접거나 펼 수 있습니다.
5. 탐색기 포커스 : ⌘ + ⇧ + E
   1. 좌측 탐색기로 커서를 이동합니다.
   2. 화살표로 이동, 펼치기 및 접기가 가능하고,  스페이스바로 파일을 선택하여 커서를 에디터로 이동 할 수 있습니다.
6. 검색 : ⌘ + F
   1. 파일 내에 단어를 검색합니다.
   2. 우상단에 표시되는 옵션으로 대소문자, 부분선택, 혹은 정규식도 활용 가능합니다.
7. 전체검색 : ⌘ + ⇧ + F
   1. 현재 프로젝트의 모든 파일에서 검색합니다.
   2. 검색과 동일하게 옵션을 활용이 가능합니다.
   3. 또한, 검색 범위를 한정 할 수도 있습니다.
8. 분할/포커스 이동 : ⌘ + 1~9
   1. 기본적으로 에디터공간을 열어줍니다.
   2. 혹은 이미 열려있는 에디터를 선택합니다.
9. 에디터 이동 : ⌘ + ⇧ + [ or ]
   1. 에디터 내에서 열려있는 탭을 좌우로 이동합니다.
   2. 에디터 간의 경계에서는 에디터를 이동할 수도 있습니다.
10. 현재 탭 종료 : ⌘ + W
    1. 현재 포커스된 탭을 닫습니다.
11. 새 탭 : ⌘ + N
    1. untitled인 탭을 열어줍니다.
12. 현재 탭 언어 설정 : ⌘ + K, M
13. 선택범위 포멧팅 : ⌘ + K, F
14. 전체창 닫기 : ⌘ + K, W

 

그 외 커맨드라인 활용법

1. 최근 파일 열기 : ⌘ + P
   1. 최근에 열었던 페이지를 열 수 있습니다.
2. 커맨드라인: ⌘ + ⇧ + P, 최근 파일 열기 + >
   1. 에디터에 내장된, 혹은 설치된 기능들을 활용 할 수 있습니다. (하단 '추가' 참고)
3. 라인이동 : ⌥+G, 최근 파일 열기 + :
   1. 현재 파일 내에서 입력한 라인으로 빠르게 이동합니다.
4. 심볼(클래스, 함수 등) 검색 : ⌘ + ⇧ + O, 최근 파일 열기 + @ , @:
   1. 현재 파일 내에서 함수, 클래스 등을 빠르게 찾을 수 있습니다.
5. 글로벌 심볼 검색: ⌘+T, 최근 파일 열기 + #
   1. 현재 프로젝트 내의 모든 파일에서 함수 , 클래스 등을 빠르게 찾을 수 있습니다.

=> 이 모든것은 ‘최근 파일 열기 + ?’ 로 확인 가능합니다

 

 

+ 추가

1. 최근 디렉토리 이동 : ⌥ + R
   1. 현재 열려있는 vscode 창을 통째로 최근에 열었던 다른 프로젝트로 전환합니다.
2. 커맨트라인 사용 시 Tips
   1. 다중선택된 단어들의 케이스를 빠르게 변환 할 수 있습니다.
      1. Snake ↔ Camel (or Pascal… kebab…. 등등)
3. 터미널 on/off, 포커싱: ⌘ + j
4. 기타 응용된 사용법
   1. 직렬화된 json을 보기좋게 포멧팅 할 때
      1. ⌘ + n (새 탭 열기)
      2. ⌘ + v (복사된 json 붙여넣기)
      3. ⌘ + a (전체선택)
      4. ⌘ + k, m (현재 탭의 언어 변경, 생략 가능)
      5. ⌘ + k, f (리포멧팅)

 

기타 응용된 사용법의 예시는, 처음 보시면 굳이 저렇게 쓸 필요가 있나 싶으실수도 있지만, 한번 손에 익으면 굉장히 빠르게 json의 형태를 확인 할 수 있어서 매우 자주 사용중입니다.

특히 postman등에서 지나치게 긴 API Response를 확인할때, 수정해야 할 때 매우 용이합니다.

 

아래는 직접 해보실 수 있는 예시입니다.

{"banks":[{"id":1,"name":"KB국민은행","icon_url":"<https://oimg1.kbstar.com/img/about/2020/img_ci_about_02.gif","deleted_at":null,"created_at":"2022-11-15T05:09:14.000000Z","updated_at":"2022-12-12T09:53:38.000000Z"},{"id":2,"name":"신한은행","icon_url":"http://www.shinhangroup.com/kr/asset/images/introduce/symbol_mark_grid.png","deleted_at":null,"created_at":"2022-11-15T05:09:14.000000Z","updated_at":"2022-11-15T05:09:14.000000Z"},{"id":3,"name":"경남은행","icon_url":"https://www.bnkfg.com/images/contents/con2_1_img1.jpg","deleted_at":null,"created_at":"2022-11-15T05:09:14.000000Z","updated_at":"2022-11-15T05:09:14.000000Z"},{"id":4,"name":"농협은행","icon_url":"https://www.nhfngroup.com/user/nhfngroup/mycodyimages/content/sub01/symbol_img.gif","deleted_at":null,"created_at":"2022-11-15T05:09:14.000000Z","updated_at":"2022-11-15T05:09:14.000000Z"},{"id":5,"name":"카카오뱅크","icon_url":"https://t1.daumcdn.net/cfile/tistory/997BD7335D089C3023","deleted_at":null,"created_at":"2022-11-15T05:09:14.000000Z","updated_at":"2022-11-15T05:09:14.000000Z"},{"id":6,"name":"하나은행","icon_url":"https://www.hanafn.com:8002/kor/img/info/img_symbol.jpg","deleted_at":null,"created_at":"2022-11-15T05:09:14.000000Z","updated_at":"2022-11-15T05:09:14.000000Z"},{"id":7,"name":"우리은행","icon_url":"https://simg.wooribank.com/img/section/bp/img_adcenter_logo02.gif","deleted_at":null,"created_at":"2022-11-15T05:09:14.000000Z","updated_at":"2022-11-15T05:09:14.000000Z>"}]}