[VSCode] 웹 개발 필수 확장팩 리스트 10개

VSCode 웹 개발 필수 확장팩 리스트 10개

728x90

 

1️⃣ Korea Language Pack for Visual Studio Code

한국어 지원 팩

 

2️⃣ open in browser

HTML 파일 브라우저에서 미리 보기

 

3️⃣ IntelliCode

코드 추천 완성기능

 

4️⃣ Auto Rename Tag

여는 태그 or 닫는 태그 하나만 수정해도 동시에 수정됨

 

5️⃣ Colorize

색상코드 문자에 배경색 입히기

 

6️⃣ CSS Peek

html 파일에서 css 파일 찾기 : Ctrl 키 + html요소 클릭 시 css 파일로 이동

 

7️⃣ Font Awesome Auto-complete & Preview

아이콘 미리 보기

 

8️⃣ indent-rainbow

코드 들여 쓰기 시각화, 들여쓰기 수준마다 다른 색상으로 표시

 

9️⃣ Live Server

로컬파일 웹 서버로 실행 후 미리 보기 테스트, 파일 수정시 실시간 반영

웹 개발 미리보기 기능

 

🔟 Prettier - Code formatter

코드 서식 자동 맞추기