VSC 에서 사용할만한 익스텐션

Prettier - Code formatter

주요 문법(HTML, SCSS, JSON 등)을 정열된 형태로 정리해 줍니다.

 

vscode-icons

VS CODE 내에 파일 아이콘을 추가해 줍니다. 아이콘이 직관적임

 

indent-rainbow

인덴트 단계를 색상으로 예쁘게 구분해 줍니다. 

 

Live Server

따로 웹서버 열기 귀찮을 때 요긴한 익스텐션입니다. 실시간으로 확인하면서 작업이 가능하기에 편리합니다.

하단의 Go Live 버튼을 누르거나, Cmd+L & Cmd+O 를 누르면 기본값으로 5500포트를 사용하는 페이지가 열립니다.

하단의 버튼을 다시 누르거나, Cmd+L & Cmd+C 를 눌러 웹 서버를 닫을 수 있습니다.

 

Auto Close Tag

HTML 작성 시 닫는 태그를 자동으로 완성시켜 줍니다.

 

Auto Rename Tag
HTML에서 여는 태그를 수정하는 경우 닫는 태그도 자동으로 바꿔 줍니다.

 

 

 

 

Lorem ipsum

Command + P 를 눌러 > Lorem Ipsum을 입력하면 로렘 입숨을 자동으로 생성해 입력해 줍니다.

 

Color Highlight

색상 코드에 해당 색상에 맞는 색을 보여줍니다. 무슨 색인지 바로 알 수 있어서 직관적인 파악이 가능합니다.

 

stylelint

CSS 문법을 체크해 줍니다. 졸면서 적었을 때 유용합니다(?)