Visual Studio Code

Visual Studio Code(VS Code)는 Microsoft가 개발한 오픈소스 코드 에디터다. 가볍고 빠르면서도 풍부한 확장 생태계와 IntelliSense, 디버거, Git 통합을 내장해 가장 널리 쓰이는 에디터 중 하나다.

핵심 기능

IntelliSense

언어 서버 프로토콜(LSP) 기반의 자동완성, 타입 추론, 파라미터 힌트를 제공한다. TypeScript, Python, Go 등 주요 언어는 기본 내장되어 있고, 확장으로 추가할 수 있다.

내장 Git 통합

Source Control 패널에서 스테이징, 커밋, diff 확인, 브랜치 전환을 GUI로 수행할 수 있다. 별도 Git 클라이언트 없이 기본 워크플로우를 커버한다.

통합 터미널

에디터 내부에서 터미널을 열어 코드 실행과 디버깅을 한 화면에서 처리한다. 여러 터미널을 탭으로 관리할 수 있다.

디버거

브레이크포인트, 변수 인스펙터, 콜스택 확인 등 GUI 디버깅을 지원한다. launch.json으로 디버그 환경을 구성한다.

주요 단축키

확장 (Extensions)

VS Code의 핵심 강점은 확장 생태계다. Marketplace에서 설치하거나 .vsix 파일로 직접 설치할 수 있다.

주요 확장

설정

settings.json

Cmd+Shift+P → "Open User Settings (JSON)"으로 직접 편집한다.

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.tabSize": 2,
  "editor.fontSize": 14,
  "terminal.integrated.fontSize": 13,
  "files.autoSave": "onFocusChange"
}

워크스페이스 설정

프로젝트 루트에 .vscode/settings.json을 두면 해당 프로젝트에만 적용된다. 팀 공통 설정을 레포지토리에 포함시키는 용도로 사용한다.

Remote 개발

VS Code는 원격 환경에서도 로컬처럼 편집할 수 있는 Remote 확장을 제공한다.