VSCODE 에 필요한 추가적인 기능(Extentions)들

less than 1 minute read

VSCODE 에 필요한 추가적인 기능(Extentions)들 10가지

- Material Theme : VSC의 배경색을 지정할때 사용한다.

- Material Icon Theme : 아이콘을 좀더 생동감 있게 만든다.

- Prettier : 코드를 포멧팅 해준다.

- Bracket Pair Colorizer : 괄호에 색감을 주어 코드의 가독성을 높여준다.

- Indent Rainbow : 들여쓰기 된 부분에 색감을 주어 코드를 읽을때 도움을 준다.

- Auto Rename Tag : HTML을 편집할때 앞테그의 이름을 바꾸면 닫는역할을 하는 뒷 테그의 이름 또한 같이 바뀐다.

- CSS Peek : HTML에서 선택자의 이름을 클릭했을때 CSS로 이동하게 하는 기능

- HTML CSS suppport : CSS의 선택자를 HTML에서 자동완성을 하게 해주는 기능

- Live server : 새로고침(업데이트) 없이, 수정한것이 페이지에 바로 나오는 기능

- Mark down Preview : Markdown한 코드의 모습을 바로 보여주는 기능

- Emmet : HTML 테그들을 쉽게 만들수 있게 해주는 기능

- ex) div.yosup ==> <div class="yosup"></div>

- HTML to CSS auto : HTML에서 작성한 class 나 id 같은 것들을 CSS에서 자동완성으로 확인할수 있게 해주는 기능