VSCode cheatsheet
Visual Studio Code 치트시트가 나왔습니다
Visual Studio Code에서 가장 자주 사용되는 명령어](https://www.glukhov.org/ko/developer-tools/editors-ides/vscode-cheatsheet/ “Visual Studio Code에서 가장 자주 사용되는 명령어”)
재현 가능한 개발 환경을 보려면 VS Code에서 Dev Containers 마스터하기를 참고하십시오.
Visual Studio Code 치트시트
일반 단축키 (Windows / Mac)
| 동작 | Windows / Linux | macOS |
|---|---|---|
| 명령 팔레트 | Ctrl+Shift+P | Cmd+Shift+P |
| 빠른 열기 (파일) | Ctrl+P | Cmd+P |
| 터미널 전환 | Ctrl+` | Ctrl+` |
| 사이드바 전환 | Ctrl+B | Cmd+B |
| 설정 | Ctrl+, | Cmd+, |
| 키보드 단축키 열기 | Ctrl+K Ctrl+S | Cmd+K Cmd+S |
| 모든 심볼 표시 | Ctrl+T | Cmd+T |
| 줄로 이동 | Ctrl+G | Ctrl+G |
| 찾기 | Ctrl+F | Cmd+F |
| 교체 | Ctrl+H | Cmd+Option+F |
| 멀티 커서 (다음 추가) | Ctrl+D | Cmd+D |
| 멀티 커서 (위/아래 추가) | Ctrl+Alt+Up/Down | Option+Cmd+Up/Down |
| 줄 위로/아래로 이동 | Alt+Up/Down | Option+Up/Down |
| 줄 복사 (위/아래) | Shift+Alt+Up/Down | Shift+Option+Up/Down |
| 줄 잘라내기 | Ctrl+X | Cmd+X |
| 줄 복사 | Ctrl+C | Cmd+C |
| 줄 삭제 | Ctrl+Shift+K | Cmd+Shift+K |
| 줄 주석 처리 | Ctrl+/ | Cmd+/ |
| 문서 포맷 | Shift+Alt+F | Shift+Option+F |
| 저장 | Ctrl+S | Cmd+S |
| 에디터 닫기 | Ctrl+W | Cmd+W |
| 에디터 분할 | Ctrl+\ | Cmd+\ |
내비게이션
- 정의 이동: F12
- 정의 미리보기: Alt+F12
- 참조 이동: Shift+F12
- 뒤로/앞으로: Alt+Left/Right (Windows), Ctrl+–/Ctrl+Shift+– (Mac)
편집
- 줄 복제: Shift+Alt+Down (Windows), Shift+Option+Down (Mac)
- 줄 위로/아래로 이동: Alt+Up/Down (Windows), Option+Up/Down (Mac)
- 모든 발생 지점 선택: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
- 실행 취소/다시 실행: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)
통합 터미널
- 새 터미널: Ctrl+Shift+` (Windows/Mac)
- 터미널 전환: Ctrl+` (Windows/Mac)
- 터미널 종료: Ctrl+Shift+W
소스 제어 (Git)
- 소스 제어 열기: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
- 커밋: Ctrl+Enter (커밋 메시지 상자에서)
명령줄 사용법
# 현재 디렉터리에서 VS Code 열기
code .
# 특정 파일의 줄과 열 위치에서 열기
code myfile.js:10:5
# 두 파일 간의 차이 보기 열기
code --diff file1.js file2.js
# 새 VS Code 창 열기
code -n
# 모든 확장 프로그램 비활성화
code --disable-extensions .
사용자 정의
- 테마 변경: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
- 키보드 단축키 열기: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
- 확장 프로그램 설치: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)
스니펫
Preferences: Configure User Snippets를 통해 사용자 정의 코드 스니펫을 생성할 수 있습니다.
팁
- 거의 모든 명령어나 설정에 명령 팔레트(Ctrl+Shift+P / Cmd+Shift+P)를 사용할 수 있습니다.
- 프로젝트의
.vscode폴더를 사용하면 워크스페이스별 설정과 작업을 구성할 수 있습니다. - 키맵 확장 프로그램을 설치하여 다른 에디터(Vim, Sublime 등)의 단축키를 사용할 수 있습니다.
더 포괄적인 목록은 공식 [키보드 단축키 PDF] 또는 에디터 내 단축키 참조(Ctrl+K Ctrl+S)를 참고하십시오.
명령 팔레트에서 VS Code 확장 프로그램 설치하기
명령 팔레트에서 Visual Studio Code 확장 프로그램을 설치할 수 있습니다:
- Ctrl+Shift+P(Windows/Linux) 또는 Cmd+Shift+P(macOS)를 사용하여 명령 팔레트를 엽니다.
Extensions: Install Extensions를 입력하고 목록에서 선택합니다. 확장 프로그램 보기 화면이 열리며, 여기서 확장 프로그램을 검색하고 설치할 수 있습니다.
이 방법은 키보드를 떠나거나 메뉴를 탐색하지 않고 확장 프로그램 빠르게 설치하기를 할 수 있게 해줍니다.
Marketplace 목록에서도 한 줄로 설치할 수 있습니다. Ctrl+P(macOS에서는 Cmd+P)로 빠른 열기를 열고, ext install <publisher.extension-id>를 붙여넣은 다음 Enter를 누릅니다. vscode-icons의 경우 해당 명령은 ext install vscode-icons-team.vscode-icons입니다.
터미널에서는 code --install-extension vscode-icons-team.vscode-icons 명령으로 동일한 확장 프로그램을 설치할 수 있습니다.
언어별 가장 많이 설치된 확장 프로그램에 대해서는 프로그래밍 언어 및 프레임워크 인기 순위를 참고하십시오.
기타 에디터 키 바인딩 목록
Ctrl+T (macOS: Cmd+T) - 워크스페이스 심볼 표시
Ctrl+Shift+O (macOS: Cmd+Shift+O) - 문서 심볼 표시
Ctrl+Shift+P (macOS: Cmd+Shift+P) - 명령 팔레트 열기
Ctrl+Space - 코드 완성 열기
Ctrl+. (macOS: Cmd+.) - 빠른 수정 열기
F2 - 심볼 이름 변경
Shift+Alt+F (macOS: Shift+Option+F) - 문서 포맷
F12 - 정의로 이동
Shift+F12 - 참조 찾기
Alt+Shift+O - 지시문 정렬
F4 - 타입 계층 구조 표시
기타 디버그 키 바인딩 목록
Ctrl+Alt+D - Dart DevTools 실행
F5 - 디버깅 시작
Ctrl+F5 - 디버깅 없이 시작
Shift+F5 - 디버깅 중단
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - 디버깅 재시작 (또는 Flutter 앱 디버깅 시 핫 리스타트)
Ctrl+F5 - Flutter 앱 디버깅 시 핫 리로드
F9 - 브레이크포인트 전환
F10 - 스텝 오버
F11 - 스텝 인
Shift+F11 - 스텝 아웃
