안녕하세요 양햄찌블로그 주인장입니다.
오늘은 비주얼스튜디오코드 일명 VS Code의 단축키를 알아보려고 해요 ㅎㅎ
특히 중요한건 별표(★)쳤음!
Visual Studio Code 단축키 알아보기 (VS Code Shortcuts)
[바로가기 목차 링크]
프로젝트/파일/화면 생성 및 열고 닫기
■ 비주얼스튜디오코드 윈도우창 만들기 Ctrl + shift + n
작업하다가 아예 다른 창을 열고 싶을 때 사용하는 단축키입니다.
주의해야 할 점은 비주얼코드가 하나라도 열려 있어야 합니다.
다 닫힌 상태에서 ctrl+shift+n을 누르면 바탕화면에 새로운폴더 만들기 윈도우 단축키임!
■ 새로운 편집 탭 열기 Ctrl + n ★
이게 개발환경이라기보단 모든 언어를 지원해주는 에디터적인 특성도 강해서 따로 편집기를 둘 필요가 없다는 장점이 있습니다. ㅎㅎ
저는 프로그래밍 개발이 아니더라도, 메모할때, 뭐 편집할 때 등등 파일을 엄청 많이쓰게 되더라고요 ㅎㅎ
심지어 VSC는 개발언어에 상관없이 열모드 단축키를 진짜 간편하게 제공하기 때문에, 활용안하면 손해입니다.
■ 파일 열기 Ctrl + o
새로 만드는거 아니고 파일 여는 거일 경우~~
어느 편집기이던 공통 단축키로 많이 쓰죠 ㅎㅎ
■ 현재 문서(툴) 닫기 Ctrl + F4
사실 VS Code뿐만 아니라, 이클립스, 윈도우, 비주얼스튜디오 등등 범용 단축키이죠 ㅎㅎ
■ 익스플로러 창 열기 Ctrl + shift + e
show explorer!
옆에 첫 번째 아이콘 누른거랑 같은 효과 입니다. ㅎㅎ 프로젝트 디렉터리랑 소스들 쭉 보여주는 화면~!!
■ 세번째에 있는 깃(GIT) 창 열기 Ctrl + shift + g
show source control
■ 검색 창 열기 Ctrl + shift + f
밑에 찾기 관련 부분에서 다시 다루도록 할게요~
■ 확장 프로그램 (익스텐션) 설치목록 창 열기 Ctrl + shift + x
show extensions
EXTENSION을 다운받거나 제거하거나 어떤게 다운받아져있는지 확인하려면 해당 단축키를 눌러서 EXTENSIONS창을 열면 됩니다.
■ 키보드 단축키 열기 Ctrl + k + s
단축키로 키보드 설정창을 한 번에 열 수 있어요.
단축키도 외우기 쉬운게 Keyboard Shortcut 해서 k+s 랍니다!
여기서 단축키를 내가 원하는데로 입맛에 맞게 변경할 수 있습니다.
■ 현재 에디터파일 창 닫기 Ctrl + w ★
보통 작업하다보면 저는 한 소스파일을 10개 이상 열어놓는거 같은대요.
중간 중간 참조로 열어놓았던 소스파일이라던가, 해결되어서 이제 안봐도 되는 소스 창 같은 경우 찾아서 정리해줘야할 때가 있죠.
그러면 저는 보통 필요없는 소스로 이동해서 Ctrl + w로 해당 소스를 닫아줍니다.
물론 소스 이동도, 마우스를 사용하지 않고 밑(파일 이동 관련)에 나오는 ctrl + e로 이동한 후 ctrl + w로 닫아줘요.
■ 이전 닫힌창 다시 열어주기 Ctrl + shfit + t ★
이거 크롬에서 자주 쓰는 단축키이죠? VSC에서도 먹힙니다 ㅎㅎ
ctrl + shift + t를 누르면 방금 전에 닫았던 편집창을 열어줘요. 다시 열거나 실수로 닫혔을 때 파일 검색해서 열필요 없으니 유용스
■ 화면 창 분할 Ctrl + \, 포커싱 Ctrl + n(숫자) ★ ★
분할화면 단축키 Ctrl + \ 를 누르면 저기 화면에 아이콘있죠? 저거 누른거랑 같은 결과가 됩니다.
한 번 누르면, 하나였던 화면이 두개로 분할되고, 두 번 누르면 두개였던 화면이 3개로 분할되고 ... 요렇게 작동해요.
여기서 왔다갔다 분할화면을 옮겨가며 코딩하고 싶다면, 분할화면 포커싱 단축키를 이용하면 됩니다.
첫번째 화면 포커싱 Ctrl +1,
두번째 화면 포커싱 Ctrl +2 등등 이렇게!!
■ 창에서 최대화면 토글키 Ctrl + b, Ctrl + j
개발은 역시 창이 큰게 최고!! 작업하다보면 창을 한 10개 넘게 열어두고
하면도 분할해서 써서, 막 더 넓게 쓰고 싶으면 ctrl + b를 눌러줍시다.
저는 자주써요..
원래 이렇게 옆에 뭐,, 차지하는 창이 있거든요?? 여기서 ctrl + b를 누르면
요렇게 깔끔하게 숨겨집니다. 다시 나타나게 하고 싶으면 토글키라 한 번 더 누르면 돼요.
Ctrl + J 는 옆에 바 말고, 하단에 Terminal이라던가 디버그 창 같은거 키고 끄는 토글키입니다
■ 모니터 최대화면 토글키 F11
F11은 내가 창모드 했던걸 전체화면으로 바꿔주거나 그 반대로 해주는 단축키~
소스 편집 관련 단축키 Editing
■ 들여쓰기 Tab , 내어쓰기 Shift + tab
가장 기본적인 들여쓰기와 내어쓰기
■ 현재 라인 이동 Alt + ↑/↓(위아래 화살표)
alt +위화살표는 해당 라인 윗줄로 옮기기
반대로 alt + 아래화살표는 현재 행 아랫줄로 옮기기
자 field2부분 보시면 위 아래 움직이고 있죠?? 단축키를 이용해서 옮긴거~!
■ 현재라인 복사 Shift + alt + ↑/↓(위아래 화살표) ★
윗줄로 현재 라인 복사/ 아랫줄로 현재 라인 복사
특히 팁으로, 구조체같은거 필드 한 10개 복사해놓고 열모드로 변수명만 고치면 개꿀! (밑에 열모드 단축키 보면 사진 있어요)
(참고로 이클립스에선 동일단축키가 Ctrl + alt + 화살표라 헷갈릴 수 있어요, 이클립스는 시작키가 컨트롤이자만 VS Code는 쉬프트!)
■ 현재 라인 잘라내기, 현재 라인 삭제하기 Ctrl + x, Ctrl + shift + k
라인잘라내기는 Ctrl + x, 라인 삭제는 Ctrl + shift + k
보통 버튼 세개 누르기 어려우니까 저는 후자보단 ctrl + x를 많이 이용합니다 ㅎㅎ
■ 원하는 라인으로 이동 Ctrl + g ★
특정 줄 번호로 이동하는 단축키는 ctrl+g입니다.
안쓰는 사람 없죵~~?!
■ 이전 작업부분으로 이동, 이후 작업부분으로 이동 Alt + ←/→ ★
이전 작업부분으로 이동, 이후 작업부분으로 이동 단축키인데요,
쉬운 예시로 20번째 라인에서 수정하다가, ctrl + g로 40번째 줄로 이동한 다음에 'Alt + ←'를 눌러주면 이전작업했던 20번째 줄로 이동합니다. 다음에 'Alt + →'를 누르면 40번째 라인으로 이동하겠죠?ㅎㅎ
뭐,, outline에서 특정 함수를 눌러서 이동했다가 돌아올수도 있고
ctrl + 클릭으로 함수 정의부로 이동했다가 다시 이전에 보고 있었던 호출부로 돌아올때에도 사용할 수 있습니다.
즉 하나의 파일 내에서가 아니라, 파일간 이동도 가능해요. 알아두면 유용한 단축키예요.
■ 영역 펼치기, 닫치기 ctrl + shift + [ , ctrl + shift + ]
if문의 영역, 반복문 영역, { } 범위 영역, 뿐만 아니라 html 태그 열고 닫기, 범위주석에도 해당이 됩니다.
소스가 길 경우에 사용하면 유용해요. 이렇게 내가 마우스 커서 누른것만 닫는거 말고, 일단 모든 영역은 다 닫아놓고 내가 보고 싶은 부분만 펼쳐서 볼 수도 있는데,
전체 영역 닫기는 ctrl + k + 0입니다. 전체 영역 펼치기는 ctrl + k + j예요.
■ 범위 끝으로 이동 ctrl + shift + \
괄호 범위 끝을 찾아 이동해줍니다.
■ 한줄 주석처리 Ctrl+ L ★
한줄 전체 선택하고 싶을 때~
■ 한줄 주석처리 Ctrl+ / ★
소스 편집에서 가장 중요한 단축키 중 하나는 주석처리 단축키이죠?
주석 풀려면 동일 단축키 한 번 더 누르면 됩니다. 물론 드래그로 범위 지정해서 범위 주석처리도 돼요.
■ 블럭 주석처리 Ctrl+ k + c, Ctrl + k + u ★
//를 여러 줄 한꺼번에 처리하는 주석, 즉 //의 블럭 주석에 해당하는 단축키입니다. VS의 단축키와 동일해요. 아무래도 VS에서 만든거라 그런지 겹치는게 많음
■ 블럭 주석처리 Shift + ALt + A ★
/**/에 해당하는 블럭 주석입니다. 위의 블럭 주석은 //를 한꺼번에 여러 줄 생성하는 거라면 이 주석은 /**/를 만들어주는 토글키 형태의 단축키예요.
한줄 주석처리가 Ctrl+/이다보니, 이 블럭주석을 Ctrl+shift+/로 변경해주는게 좀 더 사용하기 편해서 저는 단축키를 변경해줬어요.
■ 자동 정렬하기 Ctrl+ k + f
없어서는 안될 기능! 전체선택 ctrl + a 후 ctrl +k +f 누르면 모두 깔끔하게 정렬됩니다.
열모드, 다중편집모드
※ 이제 열모드 관련된 단축키를 알아봅시다.
매우중요!! 아냐 모르냐에 따라 코딩 속도 차이가 꽤 있음
■ 특정 문자열 N개를 한번에 수정 Ctrl + d ★★
이 단축키가 대게 유용한 단축키인대요..
특정 문자열을 해당 단축키를 누르는 개수만큼 세어서 열모드로 수정을 할 수 있게 해줍니다.
보시면 field를 블럭처리한 상태에서, ctrl +d를 4번 눌러줬어요 그 다음에 hello로 바꿔줬습니다! 이러면 내가 원하는 것만 지정해서 한 번에 바꿀 수 있어요
■ 특정 문자열 모두를 한번에 수정 Ctrl + shift + L
위처럼 동일 단어를 선택하는건데요, ctrl+d는 누를때마다 단어가 확장되는 방식이라면
Ctrl+shift+L은 한 번에 모두 선택해서 편집할 수 있도록 해줍니다.
■ 다양한 문자열을 골라 한번에 수정 Alt + 클릭 ★★
이번에는 문자열이 동일하지 않아!! 아니면 내가 원하는 문자열이 연속적으로 이어지지 않고 중간중간 변경하고 싶은 부분이 퍼져있다! 이럴 경우 쓰면 좋은 단축키입니다.
열모드 방식으로 커서를 지정해서 수정한다는건 위의 ctrl+d와 동일해요.
일부로 홀수번째의 숫자만 가진 필드를 골라 alt+클릭 하나씩 해준 후, 이어서 문자열을 덧붙여보았어요.
■ 열모드 Ctrl + alt + 위아래화살표 ★★
해당 단축키로 세로 선택 영역을 조절할 수 있어요.
세로 영역이 선택되면 좌우 단축키로 가로영역을 확장할 수 있습니다.
블럭 열모드 단계별 동작이랄까?
■ 블럭 커서 맨 뒤로 이동 Shift + ctrl + i ★
블럭처리를 한 후 , 이 단축키를 누르면 모든 라인의 커서를 맨 끝으로 이동시킬 수 있어요
모든 문자열 맨 뒤에 공통적으로 편집하고 싶을때 개꿀!
■ 블럭 열모드 Shift + alt + 드래그 ★★
리눅스 vi편집기에서 드래그로 블럭모드 지정하여 수정할 수 있는 것처럼, VSC에서도 그 기능을 지원하고 있습니다.
field3부터 field5까지 블럭지정해서 hello!!라는 글자로 수정해봤어요 ㅎㅎ
파일 이동 / 엿보기 관련
■ 함수 정의문으로 바로 이동 F12
printf함수에서 F12를 눌렀을 경우 위처럼 정의문으로 이동해줍니다.
컨트롤 클릭해도 이동 되죠 ㅎㅎ
■ 함수 정의문 엿보기 Alt + F12 ★
파일로 직접 이동하지 않고 엿보기로도 볼 수 있는데요.
요렇게 밑에? 이런식으로 보여줍니다.
보통 변수같은거 확인하거나 호출 부에서 정의부 수정할 때 유용쓰~
■ 열어놓은 탭 앞뒤로 왔다갔다 하기 Ctrl + pageup/pagedown
왔다갔다 탭 이동하면서 살펴보기~
■ 열어놓은 탭 위치 좌우로 변경 Ctrl + shift + pageup/pagedown
현재 파일이 너무 뒤로 가 있어서 자주쓰는 파일을 앞으로 옮겨놓는다던가 할 때 사용
Keyboard Shortcuts 탭이 어떻게 움직이는지 한 번 확인해보세요~
검색/ 찾기/ 바꾸기
■ 다음 오류 또는 경고로 이동 F8 (현재 파일에서 오류 찾기)
빨간줄 뜨는 부분들 있죠
한번씩 이렇게 단축키를 누를 때마다 돌아볼 수 있습니다.
■ 현재 페이지에서 검색하기 Ctrl + f
우리가 자주 사용하는 Find ~~ 현재 파일에서 문자열이 일치하면 찾아줍니다.
참고로 단어 뿐만 아니라 멀티라인 검색도 돼요.
만악
"Hello
World"
를검색한다면, Hello 엔터 World인 부분을 찾아줍니다. 검색창내에서 엔터를 입력하시려면 ctrl+enter를 누르면 돼요.
■ 현재 페이지에서 문자열 변경하기 Ctrl + h
문자열을 찾을 뿐만 아니라 변경해줌!
ctrl + alt + enter하면 모두 바꾸기, 걍 엔터만 치면 하나씩 이동하면서 처리~
■ 전체 파일에서 검색하는 창 열기 Ctrl + shift + f
전체 검색이다보니, 파일이 많으면 많을 수록 느립니다.
대신 영향도 같은거 검토할 때 유용하겠죠
동일하게 ctrl + shift + h 는 파일들에서 바꾸기입니다.
■ 전체 파일 참조 찾기 Shift + alt + F12 ★
얘 또한 전체 파일에서 모든 참조 찾기!
그런데 ctrl + shift + f 해도 모두 검색하고 shift + alt + F12해도 모두 검색하는대 두 개 기능 차이가 뭘까? 흠..
■ 파일 찾기(파일 검색) Ctrl + p ★★
파일 검색하는 단축키입니다. 물론 explorer에서 디렉터리 일일이 클릭해서 찾아줘도 되지만,
소스 용량이 크면 클수록 번거롭겠죠~ 어딨는지 기억 안날 수도 있고, 이름도 헷갈릴 수 있고 ㅎㅎ
그럴 때 검색해서 파일 찾으면 시간단축 되겠죠 ㅎㅎ
여기 사이에 shift만 붙이면 명령어던 설정이든 검색해주는 단축키가 됩니다.
■ 명령어 검색 F1 또는 Ctrl + shift + p ★
ctrl + shift + p라는 단축키는 명령어 자체를 검색해주는 기능으로~ F1눌러도 동일합니다.
이게 은근엄청 유용한게, 단축키같은거 처음에 다 외우기 어렵잖아요.
필요한 기능 대강 영어로 치면, 어떤 명령어들이 있는지 최대한 부합하는걸 보여주고, 단축키도 명시해줍니다.
찾다보면 단축키가 나중에 암기되는 마법!
저는 F1이 더 간단해서 F1을 더 많이 써요.
■ Breadcrumbs 보여주기 Ctrl + shift + . (점) ★
아웃라인을 위 경로에서 보여주는 역할을 해요
Ctrl + shift + e 익스플로러 창 열어서 하단에서 outline을 보실 수도 있고
이렇게 breadcrumbs라는걸 단축키로 위에 조그만한 팝업으로 열어서 확인 또는 이동 하실 수 있어요 ㅎㅎ
소스가 길면 길수록 편리한 기능!
빌드/컴파일/디버깅 관련 단축키
■ 디버그 시작 F5
디버그 모드로 실행하기~
■ 중단점 설정 F9
break 포인트 설정
디버깅을 시작하고 싶은 부분과 끝내고 싶은 부분을 지정할 수 있는게 중단점입니당
■ 디버깅 줄 단위로 실행 F10, F11
F10은 줄 단위로 실행하다가 함수 호출부를 만나면 함수 안으로 들어가지 않고 다음 라인을 실행합니다(step over).
반면 F11은 함수 호출부를 만나면 함수 정의부로 넘어가서 다시 라인 단위로 차근차근 실행(step into).
■ 디버깅 하고 있는 현재 함수 빠져나오기 Shift + F11
Step out에 해당하는 단축키예요. F11로 라인 바이 라인 가면서 확인하다가 원하는 값 다 확인했으면 이 이후 함수 로직은 안보고 다음 프로시저로 넘어가고 싶겠죠? 즉 해당 프로시저를 나가고 싶을 때에는 shift + F11을 눌러주면 됩니다.
오늘 제가 준비한 VSC 단축키는 여기까지입니다. ㅎㅎ
도움이 되셨다면 공감/댓글/광고클릭중 하나는 어떠신가요? 정보공유에 큰 도움이 됩니다 :)
최신 댓글