VS Code extensions

가장 많이 사용하는 Text Editor인 VScode의 extentions을 정리합니다.

Material Theme

Meterial Icon Theme

아이콘을 좀 더 컬러풀하게 변화시켜줍니다.

Prettier - Code formatter

ctrl + , 를 누른 후 setting 창에서 save -> editor: Format On Save를 체크 해줍니다.
prettier 검색 후 format을 좀 더 세부적으로 새팅할 수 있습니다.
(이 부분은 .prettierrc 파일로 따로 설정할 수 있습니다.)

Bracket Pair Colorize

코드 블럭의 괄호 마다 다른 색으로 지정해줍니다.

Indent Rainbow

들어쓰는 부분에 하이라이팅을 해주어서 한눈에 알아보기 쉽게 해줍니다.

Auto Rename Tag

태그를 변화 할 때 앞에 태그만 변경 시켜주어도 뒤에 태그도 맞추어 줍니다.

CSS Peek

html에 태그를 클릭해주면 정의된 css 파일의 선택자로 이동해줍니다.

HTML CSS Suport

html 태그에 id나 class를 지정해 줄때, css 파일에 일치하는 선택자가 있다면 자동 완성된 선택자 이름을 추천해줍니다.

Live Server

로컬 서버에 선택된 html을 띄워줍니다. 변경된 사항을 자동으로 업데이트 시켜줍니다.

이 페이지는 효율적인 extension을 찾을 때마다 업데이트 됩니다🙌😘