VS Code는 여전히 가장 인기 있는 코드 에디터입니다. 2026년 현재, AI 기능이 대폭 강화된 확장들이 주목받고 있습니다. 실제로 사용해보고 검증한 15개를 소개합니다.
AI 코딩 어시스턴트#
1. GitHub Copilot#
Text
설치: ms-vscode.copilot
가격: $10/월 (학생/오픈소스 무료)
- 코드 자동 완성의 표준
- Copilot Chat으로 대화형 코딩
- 인라인 제안 + 전체 함수 생성
2. Codeium#
Text
설치: Codeium.codeium
가격: 무료
- Copilot 대안으로 가장 인기
- 70+ 언어 지원
- 무료로 충분한 기능
3. Claude Dev (Cline)#
Text
설치: saoudrizwan.claude-dev
가격: API 사용량 기반
- Claude API 기반 에이전트
- 파일 생성/수정/삭제 자동화
- 터미널 명령 실행 가능
코드 품질#
4. ESLint#
Text
설치: dbaeumer.vscode-eslint
- JavaScript/TypeScript 린팅 필수
- 저장 시 자동 수정 설정 추천
JSON
// settings.json
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
}
}5. Prettier#
Text
설치: esbenp.prettier-vscode
- 코드 포맷팅 표준
- ESLint와 함께 사용
JSON
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
}6. Error Lens#
Text
설치: usernamehw.errorlens
- 에러/경고를 인라인으로 표시
- 문제를 즉시 확인 가능
생산성#
7. Auto Rename Tag#
Text
설치: formulahendry.auto-rename-tag
- HTML/JSX 태그 쌍 자동 수정
- 닫는 태그 수정 시 여는 태그도 변경
8. Path Intellisense#
Text
설치: christian-kohler.path-intellisense
- 파일 경로 자동 완성
- import 문 작성 시 필수
9. Todo Tree#
Text
설치: Gruntfuggly.todo-tree
- TODO, FIXME 주석 한눈에
- 사이드바에서 전체 목록 확인
10. GitLens#
Text
설치: eamodio.gitlens
- Git blame 인라인 표시
- 커밋 히스토리 시각화
- 파일/라인별 변경 이력
언어/프레임워크별#
11. TypeScript Vue Plugin (Volar)#
Text
설치: Vue.volar
- Vue 3 공식 확장
- TypeScript 완벽 지원
12. Tailwind CSS IntelliSense#
Text
설치: bradlc.vscode-tailwindcss
- 클래스명 자동 완성
- 호버 시 CSS 미리보기
- 클래스 정렬
13. Prisma#
Text
설치: Prisma.prisma
- Prisma 스키마 하이라이팅
- 자동 완성 및 포맷팅
협업 & 기타#
14. Live Share#
Text
설치: ms-vsliveshare.vsliveshare
- 실시간 협업 코딩
- 화상통화 없이 페어 프로그래밍
15. Thunder Client#
Text
설치: rangav.vscode-thunder-client
- VS Code 내장 API 클라이언트
- Postman 대체
- 가볍고 빠름
추천 설정#
JSON
// settings.json
{
// 에디터 기본
"editor.fontSize": 14,
"editor.fontFamily": "JetBrains Mono, Fira Code",
"editor.fontLigatures": true,
"editor.minimap.enabled": false,
"editor.wordWrap": "on",
"editor.bracketPairColorization.enabled": true,
// 저장 시 동작
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
"source.organizeImports": "explicit"
},
// 파일 제외
"files.exclude": {
"**/.git": true,
"**/node_modules": true,
"**/.next": true
},
// 터미널
"terminal.integrated.fontSize": 13,
"terminal.integrated.defaultProfile.osx": "zsh"
}테마 추천#
- One Dark Pro: 가장 인기 있는 다크 테마
- GitHub Theme: GitHub 스타일 선호자용
- Catppuccin: 파스텔톤 좋아하면 추천
- Tokyo Night: 편안한 눈 보호
다크·라이트 10개를 설치 ID 와 함께 비교한 글은 VS Code 테마 추천 2026에 따로 정리했습니다.
마치며#
확장 프로그램은 필요한 것만 설치하세요. 너무 많으면 VS Code가 느려집니다. 위 목록 중 본인 기술 스택에 맞는 10개 이내로 유지하는 것을 추천합니다.
