VS Code 기본 사용법 및 기능 개요

1. VS Code 소개

홈페이지: https://code.visualstudio.com/
문서: https://code.visualstudio.com/docs
API: https://code.visualstudio.com/api
자주 묻는 질문: https://code.visualstudio.com/docs/supporting/faq
릴리스 노트: https://code.visualstudio.com/updates/
확장 프로그램: https://marketplace.visualstudio.com/VSCode

2. 단축키 활용

기능별 단축키 설정: 파일 → 선호도 → 키보드 단축키
선택된 내용 기반 작업: 마우스 우클릭 → 모든 가능한 작업 및 해당 단축키 표시
전체 단축키 보기: Ctrl + K + S

Windows 전용 단축키

PDF 다운로드
# 명령 패널: Ctrl+Shift+P
# 탐색 창 토글: Ctrl + B
# 콘솔 토글: Ctrl + J
---------------------------------------------------
# 터미널 전환: Ctrl + `
# 분할 화면: Ctrl + \
# 분할 전환: Ctrl + 1-9
---------------------------------------------------
# 전체 확장: Ctrl + K + J
# 전체 수축: Ctrl + K + 0
# 레벨별 수축: Ctrl + K + [1~7]
# 주석 수축: Ctrl + K + /
---------------------------------------------------
# 글꼴 크기 조절: Ctrl +/- 
# 열 선택: Alt + Shift + 마우스 좌클릭
# 열 편집: Ctrl + Alt + ↑/↓
# 행 이동: Alt + ↑/↓
# 행 삭제: Ctrl + X
# 줄 시작/끝 이동: Home/End
---------------------------------------------------
# 파일 검색: Ctrl + P
# 프로젝트 내 검색: Ctrl + Shift + F
# 파일 내 검색: Ctrl + F
# 파일 내 치환: Ctrl + H
---------------------------------------------------
# 정의 보기: Alt + F12
# 구현 보기: Shift + Alt + F12
# 정의 이동: F12
# 구현 이동: Ctrl + F12
# 참조 이동: Shift + F12
---------------------------------------------------
# 행 주석 추가: Ctrl + K + C
# 문서 포맷: Shift + Alt + F
# 선택 영역 포맷: Ctrl + K + F
---------------------------------------------------
# 디버깅 실행: F5
# 디버깅 중단: F9
# 단계별 디버깅: F11

3. 철학 모드 (Zen Mode)

모든 네비게이션 바, 도구 상자, 제목 바 등을 숨겨 화면 전체를 코드 편집 영역으로 전환하는 최소화 인터페이스. 필요 시 새로운 기능 창을 추가 가능.

  • 활성화: Ctrl + K + Z / 보기 → 외관 → 철학 모드 / 명령 패널 → 보기: 철학 모드 전환
  • 비활성화: Ctrl + K + Z / Alt 키로 메뉴 표시 → 보기 → 철학 모드 해제

4. 확장 프로그램 활용

수천개의 다양한 기능을 제공하는 확장 프로그램으로 VS Code의 기능성을 극대화.

온라인 설치

Ctrl + Shift + X 또는 확장 탭에서 검색 후 설치.

오프라인 설치

.vsix 파일 다운로드 후 다음 방식으로 설치 가능:

  1. 확장 설정 → 'VSIX 파일로 설치' 선택
  2. 명령행: code --install-extension <확장명>.vsix
  3. 확장 설치 디렉토리에 직접 복사 (예: Windows: C:\Users\<사용자>\.vscode\extensions)
참조 링크

추천 확장 프로그램

  • 중국어 언어팩: UI 언어 변경
  • Git History: 시각화된 버전 관리
  • GitLens: 강화된 Git 기능
  • IntelliCode: AI 기반 자동완성
  • TabNine: 고급 AI 자동완성
  • Settings Sync: GitHub Gist 기반 설정 동기화
  • Code Runner: 즉시 실행 환경
  • Docker: 컨테이너 관리
  • Rainbow Brackets: 괄호 색상 구분
  • Markdown Preview Enhanced: PDF 스타일 미리보기
  • vscode-pdf: PDF 파일 뷰어
  • Draw.io Integration: 다이어그램 편집
  • Remote Development: 원격 개발 지원

5. 팁 및 참고 사항

  • VS vs VS Code 차이: VS는 통합 개발 환경, VS Code는 가벼운 코드 편집기
  • Insiders 버전: https://code.visualstudio.com/insiders/ (매일 업데이트)
  • 중국어 설정: 언어 팩 설치 및 UI 언어 변경
  • 고정 창: 제목 클릭 시 창 고정 상태 유지
  • Markdown 편집: .md 확장자로 저장 시 자동 인식
  • PDF 뷰어: vscode-pdf 확장 프로그램 사용

6. 참고 자료

  • Python 설정 가이드
  • { "python.formatting.provider": "yapf", "python.formatting.yapfArgs": [ "--style", "{column_limit: 120}" ] }

태그: VisualStudioCode KeyboardShortcuts Extensions ZenMode MarkdownEditing

6월 30일 17:24에 게시됨