VS Code 확장 프로그램 설치 방법과 추천 플러그인 7가지

 

 

 

1. 확장 프로그램(Extensions)이란?

VS Code는 기본도 강력하지만, 확장 프로그램을 설치하면 코드 자동완성, 디자인 예쁘게 정리, Git 도구 연동 등
더 다양한 기능을 사용할 수 있어요!
말 그대로 내가 원하는 기능을 ‘플러그인’처럼 끼워 넣는 느낌이에요.

---

2. 확장 프로그램 설치 방법

방법 ① 사이드바에서 설치하기

1. 왼쪽 사이드바에서 확장(Extensions) 아이콘 클릭 (블럭처럼 생긴 아이콘)
2. 검색창에 설치하고 싶은 확장 프로그램 이름 입력
3. 결과에서 클릭 → Install 버튼 클릭

방법 ② 명령 팔레트 사용

1. Ctrl + Shift + P (Mac: Cmd + Shift + P)
2. Extensions: Install Extensions 입력 후 Enter
3. 동일하게 검색 후 설치 진행

---

3. 초보자 추천 확장 프로그램 7가지

이름	설명
Prettier	코드 자동 정리기 (포맷팅 도구)
Live Server	HTML 코드 작성 시 실시간 웹 브라우저 미리보기
Bracket Pair Colorizer 2	괄호 쌍마다 색을 달리 보여줘서 가독성 증가
GitLens	Git 히스토리와 작성자 정보 바로 보기
Material Icon Theme	파일/폴더 아이콘을 예쁘게 꾸며줌
Auto Rename Tag	HTML/XML에서 태그를 바꾸면 짝 태그도 자동 변경
ESLint	자바스크립트 문법 검사기 (에러를 실시간으로 알려줌)

---

4. 설치한 확장 관리하기

• 사이드바에서 확장 탭 열고, 왼쪽 상단의 "설치됨(Installed)" 탭 클릭
• 필요 없는 확장은 비활성화(Disable) 또는 제거(Uninstall) 할 수 있어요