본문 바로가기
IOT

Visual Studio Code(VSCode)에 대한 유용한 플러그인을 소개

by PixelLogic 2024. 2. 11.
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가지를 소개하려고 합니다.

  1. "Prettier - Code formatter"
  • 코드를 보기 좋게 정렬해주는 플러그인입니다. 프로젝트마다 다른 스타일 가이드를 따르는 경우에도 유용하게 사용할 수 있습니다. 코드를 저장할 때 자동으로 포맷팅을 해주는 설정도 가능합니다.
  1. "Visual Studio IntelliCode"
  • 이 플러그인은 인공 지능을 기반으로 한 코드 완성 기능을 제공합니다. 자주 사용하는 코드 조각을 학습하여 작성 중인 코드에 맞는 제안을 해주어 생산성을 높여줍니다.
  1. "GitLens - Git supercharged"
  • GitLens는 VSCode에서 Git을 더욱 효율적으로 사용하게 해주는 플러그인입니다. 각 라인마다 해당 코드를 작성한 사람, 날짜, 커밋 메시지 등을 표시해주어 협업에 유용합니다.
  1. "Live Share"
  • Live Share를 사용하면 원격으로 협업을 할 수 있습니다. 같이 코드를 작성하고 디버깅을 할 수 있으며, 심지어 오디오 채팅까지 지원합니다.
  1. "Docker"
  • Docker를 사용하는 프로젝트를 가지고 있다면 이 플러그인은 필수입니다. Docker 이미지를 빌드하고 컨테이너를 관리하는 등의 작업을 VSCode 내에서 수행할 수 있게 해줍니다.

이런 플러그인들을 활용하면 VSCode를 더욱 효율적으로 사용할 수 있습니다. 각자의 코딩 스타일과 프로젝트에 맞는 플러그인을 찾아보세요!