Visual Studio Code (VS Code)의 기본 플러그인은 설치 없이도 바로 사용할 수 있는 확장 기능들이며, 대부분 개발자가 자주 사용하는 언어나 도구를 지원합니다. 아래는 VS Code에 기본 탑재되거나 설치 없이 기본 제공되는 대표적인 플러그인(내장 확장 기능) 목록입니다:
✅ VS Code 기본 플러그인(내장 확장 기능) 소개
플러그인 이름 | 설명 |
ESLint (내장됨) | JavaScript/TypeScript 코드의 문법과 스타일 오류를 자동으로 감지하고 수정 제안 제공. |
Git | Git 버전 관리를 통합적으로 지원 (커밋, 브랜치, 푸시, 풀 등). |
Emmet | HTML과 CSS의 빠른 코딩을 위한 축약 문법 제공 (div>ul>li*3 → 자동 확장). |
JSON 지원 | JSON 파일 자동 완성, 포맷팅, 오류 감지. |
TypeScript/JavaScript Language Features | JS/TS 코드의 자동 완성, IntelliSense, 오류 감지 등. |
Markdown 지원 | .md 파일 미리보기, 구문 강조 등 기본 제공. |
HTML/CSS 지원 | HTML, CSS 코드 작성 시 자동 완성 및 IntelliSense 제공. |
Snippets | 자주 쓰는 코드 조각(스니펫) 자동 완성 기능 제공 (HTML, JS 등). |
Debugging | Node.js, Chrome 등 다양한 디버깅 환경 지원 (브레이크포인트, 변수 확인 등). |
IntelliSense | 다양한 언어에서 코드 자동 완성, 파라미터 정보, 정의 이동 기능 제공. |
Terminal (통합 터미널) | VS Code 내에서 바로 명령줄(터미널)을 열어 CLI 사용 가능. |
Visual Studio Code(VSCode)는 프로그래밍을 편리하게 해주는 다양한 기능을 포함하고 있는 인기 있는 코드 에디터입니다. 이 글에서는 VSCode를 사용하는 개발자들에게 도움이 될만한 플러그인 5가지를 소개하려고 합니다.
- "Prettier - Code formatter"
- 코드를 보기 좋게 정렬해주는 플러그인입니다. 프로젝트마다 다른 스타일 가이드를 따르는 경우에도 유용하게 사용할 수 있습니다. 코드를 저장할 때 자동으로 포맷팅을 해주는 설정도 가능합니다.
- "Visual Studio IntelliCode"
- 이 플러그인은 인공 지능을 기반으로 한 코드 완성 기능을 제공합니다. 자주 사용하는 코드 조각을 학습하여 작성 중인 코드에 맞는 제안을 해주어 생산성을 높여줍니다.
- "GitLens - Git supercharged"
- GitLens는 VSCode에서 Git을 더욱 효율적으로 사용하게 해주는 플러그인입니다. 각 라인마다 해당 코드를 작성한 사람, 날짜, 커밋 메시지 등을 표시해주어 협업에 유용합니다.
- "Live Share"
- Live Share를 사용하면 원격으로 협업을 할 수 있습니다. 같이 코드를 작성하고 디버깅을 할 수 있으며, 심지어 오디오 채팅까지 지원합니다.
- "Docker"
- Docker를 사용하는 프로젝트를 가지고 있다면 이 플러그인은 필수입니다. Docker 이미지를 빌드하고 컨테이너를 관리하는 등의 작업을 VSCode 내에서 수행할 수 있게 해줍니다.
이런 플러그인들을 활용하면 VSCode를 더욱 효율적으로 사용할 수 있습니다. 각자의 코딩 스타일과 프로젝트에 맞는 플러그인을 찾아보세요!
'IOT' 카테고리의 다른 글
GET vs POST, 언제 어떤 메서드를 써야 할까? (0) | 2025.07.19 |
---|---|
쿠키 vs 세션 vs JWT, 로그인 상태는 어떻게 유지될까? (0) | 2025.07.19 |
HTTP vs HTTPS, S 하나 차이로 뭐가 달라질까? (3) | 2025.07.19 |
제목 앞에 이모지 넣어도 검색 노출(SEO)에 지장이 있을까? (2) | 2025.07.19 |
프론트엔드 vs 백엔드 한 줄 정의 (1) | 2025.07.18 |