본문 바로가기

별걸다하는 IT/개발환경 세팅&TIPS

VS Code 비주얼스튜디오코드 유용한 단축키 사용법 모음 (VSC Shortcuts)

안녕하세요 양햄찌블로그 주인장입니다.

오늘은 비주얼스튜디오코드 일명 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를 눌러줍시다. 

저는 자주써요..

BEFORE

원래 이렇게 옆에 뭐,, 차지하는 창이 있거든요?? 여기서 ctrl + b를 누르면 

AFTER

요렇게 깔끔하게 숨겨집니다. 다시 나타나게 하고 싶으면 토글키라 한 번 더 누르면 돼요.

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+ /  

소스 편집에서 가장 중요한 단축키 중 하나는 주석처리 단축키이죠?

주석 풀려면 동일 단축키 한 번 더 누르면 됩니다. 물론 드래그로 범위 지정해서 범위 주석처리도 돼요.

 

블럭 주석처리 Ctrl+ k + c, Ctrl + k + u  

/**/ 와 같은 주석, 즉 블럭 주석에 해당하는 단축키입니다. VS의 단축키와 동일해요. 아무래도 VS에서 만든거라 그런지 겹치는게 많음

 

■ 자동 정렬하기 Ctrl+ k + f

없어서는 안될 기능! 전체선택 ctrl + a 후 ctrl +k +f 누르면 모두 깔끔하게 정렬됩니다.

 

열모드, 다중편집모드 

이제 열모드 관련된 단축키를 알아봅시다.

매우중요!! 아냐 모르냐에 따라 코딩 속도 차이가 꽤 있음

 

■ 특정 문자열 N개를 한번에 수정 Ctrl + d  

이 단축키가 대게 유용한 단축키인대요..

특정 문자열을 해당 단축키를 누르는 개수만큼 세어서 열모드로 수정을 할 수 있게 해줍니다.

ctrl + d 움짤

보시면 field를 블럭처리한 상태에서, ctrl +d를 4번 눌러줬어요 그 다음에 hello로 바꿔줬습니다! 이러면 내가 원하는 것만 지정해서 한 번에 바꿀 수 있어요

 

■ 특정 문자열 모두를 한번에 수정 Ctrl + shift + L 

위처럼 동일 단어를 선택하는건데요, ctrl+d는 누를때마다 단어가 확장되는 방식이라면 

Ctrl+shift+L은 한 번에 모두 선택해서 편집할 수 있도록 해줍니다.

 

■ 다양한 문자열을 골라 한번에 수정 Alt + 클릭 

이번에는 문자열이 동일하지 않아!! 아니면 내가 원하는 문자열이 연속적으로 이어지지 않고 중간중간 변경하고 싶은 부분이 퍼져있다! 이럴 경우 쓰면 좋은 단축키입니다.

열모드 방식으로 커서를 지정해서 수정한다는건 위의 ctrl+d와 동일해요.

alt+클릭 움짤

일부로 홀수번째의 숫자만 가진 필드를 골라 alt+클릭 하나씩 해준 후, 이어서 문자열을 덧붙여보았어요.

 

■ 열모드 Ctrl + alt + 위아래화살표 

해당 단축키로 세로 선택 영역을 조절할 수 있어요. 

세로 영역이 선택되면 좌우 단축키로 가로영역을 확장할 수 있습니다. 

블럭 열모드 단계별 동작이랄까?

 

■ 블럭 열모드 Shift + alt + 드래그 

리눅스 vi편집기에서 드래그로 블럭모드 지정하여 수정할 수 있는 것처럼, VSC에서도 그 기능을 지원하고 있습니다.

shift+alt+드래그 움짤

field3부터 field5까지 블럭지정해서 hello!!라는 글자로 수정해봤어요 ㅎㅎ

 

파일 이동 / 엿보기 관련

 함수 정의문으로 바로 이동 F12 

VSC도 VS랑 동일

printf함수에서 F12를 눌렀을 경우 위처럼 정의문으로 이동해줍니다.

컨트롤 클릭해도 이동 되죠 ㅎㅎ

 

 함수 정의문 엿보기 Alt + F12

파일로 직접 이동하지 않고 엿보기로도 볼 수 있는데요.

VSC도 VS랑 동일

요렇게 밑에? 이런식으로 보여줍니다.

보통 변수같은거 확인하거나 호출 부에서 정의부 수정할 때 유용쓰~

 

■ 열어놓은 탭 위치 좌우로 변경 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만 붙이면 명령어던 설정이든 검색해주는 단축키가 됩니다.

 

 명령어 검색 Ctrl + shift + p

ctrl + shift + p라는 단축키는 명령어 자체를 검색해주는 기능으로~

이게 은근엄청 유용한게, 단축키같은거 처음에 다 외우기 어렵잖아요. 

필요한 기능 대강 영어로 치면, 어떤 명령어들이 있는지 최대한 부합하는걸 보여주고, 단축키도 명시해줍니다.

찾다보면 단축키가 나중에 암기되는 마법!

 

 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 단축키는 여기까지입니다. ㅎㅎ

도움이 되셨다면 공감/댓글/광고클릭중 하나는 어떠신가요? 정보공유에 큰 도움이 됩니다 :)