[비주얼 스튜디오 코드 vscode] 사용법 및 단축키

비주얼 스튜디오 코드 사용법 및 유용한 키보드 단축키를 익혀두면 생산성을 높이며, 강력한 편집, 코드 인텔리전스 및 소스 코드 제어 기능에 빠르게 익숙해질 수 있습니다.

 

비주얼 스튜디오 코드 사용법 – 기본 키보드 단축키

비주얼 스튜디오 코드 사용법 – 기본 키보드 단축키

 

명령 팔레트 실행하기
키보드 단축키 : Ctrl + Shift + P
모든 명령은 연관된 키 바인딩과 함께 명령 팔레트에 있습니다. 키보드 단축키를 잊어 버린 경우 명령 팔레트를 사용하여 찾을 수 있습니다.

 

키보드 참조 시트

플랫폼별 키보드 단축키 참조 시트 ( macOS , Windows , Linux )

 

빠른 열기 실행

키보드 단축키 : Ctrl + P
최근에 열었던 파일간에 빠르게 순환 하려면 빠른 열기 키보드 단축키를 반복하십시오.

 

커맨드 라인

Visual studio code에는 강력한 CLI(명령 줄 인터페이스)가 있어 다양한 시나리오를 지원하기 위해 편집기 시작 방법을 사용자 지정할 수 있습니다.

# open code with current directory
code .

# open the current directory in the most recently used code window
code -r .

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# open file at specific line and column <file:line[:character]>
code --goto package.json:10:5

# see help options
code --help

# disable all extensions
code --disable-extensions .

 

오류 및 경고

오류 및 경고

키보드 단축키 : Ctrl + Shift + M
프로젝트의 오류 및 경고로 빠르게 이동합니다.
F8 또는 Shift + F8을 통한 오류 순환

 

커스터마이징

비주얼 스튜디오 코드를 사용자 정의하기 위해 할 수있는 옵션이 많이 있습니다.

테마 변경
키보드 단축키 변경
설정 조정
JSON 유효성 검사 추가
스니펫 만들기
확장 설치

 

테마 변경

테마 변경

키보드 단축키 : Ctrl + K > Ctrl + T

또한 비주얼 스튜디오 코드 확장 마켓 플레이스에서 더 많은 테마를 설치할 수도 있습니다.

파일 아이콘 테마 변경

또한 파일 아이콘 테마도 설치하고 변경할 수 있습니다.

 

키맵(Keymaps) 확장

키맵(Keymaps) 확장

 

키맵 확장 마켓 플레이스

다른 편집기의 바로 가기 키에 익숙한 경우 키보드 단축키를 즐겨 사용하는 편집기에서 비주얼 스튜디오 코드로 가져 오는 키맵 확장을 설치할 수 있습니다.

전체 확장 단축키
키보드 단축키 : Ctrl + Shift + X

 

키보드 단축키 사용자 정의

키보드 단축키 사용자 정의

키보드 단축키 : Ctrl + K > Ctrl + S

---

사이드 바 전환하기
키보드 단축키 : Ctrl + B

 

Zen 모드 실행하기

방해없는 Zen 모드로 들어갑니다.
키보드 단축키 : Ctrl + K > Z
Zen 모드를 종료 하려면 Esc를 두 번 누르시면 됩니다.

 

편집기 추가하기

편집기 추가하기

키보드 단축키 : Ctrl + \
편집기를 끌어서 놓아 새 편집기 그룹을 작성하고 그룹간에 편집기를 이동할 수도 있습니다.

편집기간 전환 키보드 단축키 : Ctrl + 1 , Ctrl + 2 , Ctrl + 3

탐색기 창으로 이동하기
키보드 단축키 : Ctrl + Shift + E

 

줄 위/아래로 복사

줄 위/아래로 복사

키보드 단축키 : Shift + Alt + 위쪽 또는 Shift + Alt + 아래쪽

파일의 심볼로 이동
키보드 단축키 : Ctrl + Shift + O
작업 공간의 심볼로 이동
키보드 단축키 : Ctrl + T

---

이상으로 Visual studio code 설치 및 사용법 – 비주얼 스튜디오 코드 단축키 사용 방법을 마치겠습니다.

 

 

 

 

출처 : https://dora-guide.com/visual-studio-code-사용법/