VSCode에서 내가 사용하는 플러그인들 정리

Frontend 개발 관련

ESLint

  • https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
  • javascript 문법체크, 코드스타일 체크등의 기능을 제공한다.

Document This

  • https://marketplace.visualstudio.com/items?itemName=joelday.docthis

Auto Close Tag

  • https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
  • HTML/XML 종료 태그를 자동으로 작성해준다.

Auto Rename Tag

  • https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
  • HTML/XML의 시작과 종료 태그를 같이 수정해준다.

Color Info

  • https://marketplace.visualstudio.com/items?itemName=bierner.color-info
  • CSS의 색상 정보를 툴팁을 이용해서 출력해준다.

CSS Peek

  • https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

Debugger for Chrome

  • https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

HTML CSS Support

  • https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
  • HTML에서 CSS 지원. 이것은 깔끔한 문법 하이라이팅과 코드 제안(suggestions)을 얻는데 유용.