VS Code 코드 단축키 모음 15가지 (윈도우/맥)

개발자의 필수 도구, VS Code

개발자라면 한 번쯤은 접해보았을 Visual Studio Code(이하 VS Code)는 그 유연성과 강력함으로 많은 사랑을 받고 있습니다. 이 툴은 단순한 코드 편집기를 넘어 다양한 기능과 확장성을 제공하여, 초보자부터 전문가까지 모든 개발자에게 유용한 환경을 제공합니다. 이러한 VS Code의 강점 중 하나는 바로 다채로운 단축키입니다. 효율적인 작업을 위해 꼭 알아야 할 VS Code 단축키에 대해 알아보겠습니다.

 

작업 효율을 높이는 VS Code 단축키

VS Code는 다양한 단축키를 제공하여 개발자의 작업 속도를 극대화합니다. 여기서는 몇 가지 중요한 단축키를 소개하고 그 활용법을 알아보겠습니다.

 

1. 모든 토글을 열고 닫기

• Windows: Ctrl + Alt + T
• Mac: ⌘ + ⌥ + T

이 단축키는 VS Code에서 열려있는 모든 토글 메뉴를 한 번에 열거나 닫을 수 있어, 여러 개의 파일이나 폴더를 작업할 때 매우 유용합니다.

 

2. 새로고침

F5 키를 누르면 웹 개발 중 실시간으로 변화를 확인할 수 있습니다. 이는 프런트엔드 개발자에게 특히 유용한 기능입니다.

 

3. 저장

• Windows: Ctrl + S
• Mac: command + S

자동 저장 기능이 활성화되지 않았을 경우, 수시로 작업 내용을 저장하는 것은 매우 중요합니다.

 

4. 전체선택

• Windows: Ctrl + A
• Mac: command + A

코드나 텍스트를 한 번에 선택할 때 사용됩니다.

 

5. 잘라내기, 복사, 붙여넣기

(1) 잘라내기

• Windows: Ctrl + X
• Mac: command + X

 

(2) 복사하기

• Windows: Ctrl + C
• Mac: command + C

 

(3) 붙여넣기

• Windows: Ctrl + V
• Mac: command + V

 

이 단축키들은 기본적이지만, 코드를 이동하거나 복사할 때 필수적입니다.

 

6. 콘솔창 줄바꿈

Shift + Enter 키를 사용하여 콘솔에서 줄바꿈을 할 수 있어, 명령어를 입력할 때 유용합니다.

 

7. 코드정렬

• Windows: Ctrl + Alt + L
• Mac: option + command + L

이 단축키는 코드를 깔끔하게 정렬하여 가독성을 높여줍니다.

 

8. 들여쓰기 및 들여쓰기 취소

• 들여쓰기: Tab
• 들여쓰기 취소: Shift + Tab

코드의 구조를 명확히 하고, 가독성을 높이는 데 필수적입니다.

 

9. 주석

• Windows: Ctrl + /
• Mac: command + /

코드에 주석을 달거나 해제할 때 사용합니다. 이 기능은 특히 협업 시 코드의 이해를 돕는 데 중요합니다.

 

10. 빠른 파일 탐색

• Windows: Ctrl + P
• Mac: command + P

이 단축키를 사용하면 파일 이름을 입력하여 프로젝트 내에서 빠르게 파일을 찾을 수 있습니다. 많은 파일을 다룰 때 매우 유용합니다.

 

11. 명령 팔레트 열기

• Windows: Ctrl + Shift + P
• Mac: command + Shift + P

VS Code의 다양한 명령을 빠르게 실행할 수 있는 명령 팔레트를 열 수 있습니다. 익숙하지 않은 기능을 찾을 때 매우 유용합니다.

 

12. 다중 커서 추가

• Windows: Ctrl + Alt + Down/Up
• Mac: ⌥ + ⌘ + Down/Up

여러 줄에 동시에 커서를 두고 편집할 수 있어, 반복적인 작업을 효율적으로 처리할 수 있습니다.

 

13. 빠른 터미널 열기

• Windows: Ctrl + ~
• Mac: ⌘ + ~

내장 터미널을 빠르게 열고 닫을 수 있어, 코드 작성과 터미널 작업을 빠르게 전환할 수 있습니다.

 

14. 전체 코드 접기/펼치기

(1) 코드 접기

• Windows: Ctrl + K, Ctrl + 0
• Mac: ⌘ + K, ⌘ + 0

 

(2) 코드 펼치기

• Windows: Ctrl + K, Ctrl + J
• Mac: ⌘ + K, ⌘ + J

 

긴 파일에서 특정 부분만 집중하고 싶을 때 매우 유용합니다.

 

15. 다음 찾기

• Windows: F3
• Mac: command + G

검색 기능을 사용하여 문서 내에서 검색어를 찾고 다음 항목으로 이동할 수 있습니다.

 

💡 모든 토글을 열고 닫는 단축키
Windows : `Ctrl` + `alt` + `t` 
Mac : `⌘` + `⌥` + `t`

단축키 모음
    - 🔄 새로고침
        - `F5`
        
    - 💾 저장
        - Windows: `Ctrl` + `S`
        - macOS: `command` + `S`
        
    - 📝 전체선택
        - Windows: `Ctrl` + `A`
        - macOS: `command` + `A`
        
    - ✂️ 잘라내기, 📋 복사, 📎 붙여넣기
        - Windows: `Ctrl` + `X`
        - macOS: `command` + `X`
        
    - ↩️ 콘솔창 줄바꿈
        - `shift` + `enter`
        
    - 🧹 코드정렬
        - Windows: `Ctrl` + `Alt` + `L`
        - macOS: `option` + `command` + `L`
        
    - ↔️ 들여쓰기 및 들여쓰기 취소
        - 들여쓰기: Tab
        - 들여쓰기 취소: Shift + Tab
        
    - 🗒️ 주석
        - Windows: `Ctrl` + `/`
        - macOS: `command` + `/`
        
    - 🔍 빠른 파일 탐색
        - Windows: Ctrl + P
        - macOS: command + P

    - 🎛️ 명령 팔레트 열기
        - Windows: Ctrl + Shift + P
        - macOS: command + Shift + P

    - ✨ 다중 커서 추가
        - Windows: Ctrl + Alt + Down/Up
        - macOS: ⌥ + ⌘ + Down/Up

    - 📂 빠른 터미널 열기
        - Windows: Ctrl + ~
        - macOS: ⌘ + ~

    - 📜 전체 코드 접기/펼치기
        - 코드 접기: Windows: Ctrl + K, Ctrl + 0, macOS: ⌘ + K, ⌘ + 0
        - 코드 펼치기: Windows: Ctrl + K, Ctrl + J, macOS: ⌘ + K, ⌘ + J

    - 🔍 다음 찾기
        - Windows: F3
        - macOS: command + G

 

효율적인 개발을 위한 단축키 활용

VS Code는 다양한 기능을 제공하지만, 그 중에서도 단축키를 잘 활용하는 것이 효율적인 개발에 큰 도움이 됩니다. 위에서 소개한 단축키들은 그 중에서도 기본적이면서도 강력한 도구들입니다. 꾸준히 연습하여 익숙해진다면, 개발 속도는 물론 생산성도 크게 향상될 것입니다. VS Code의 풍부한 기능과 단축키들을 적극 활용하여 더 나은 개발 환경을 구축해 보세요!

 

 

VS Code 설치 (비주얼스튜디오 코드 다운로드)

VS Code 설치 (비주얼스튜디오 코드 다운로드)