Auto Close Tag
여는 태그를 만들면, 닫는 태그를 자동으로 생성해줍니다.
VS Code 1.16버전부터 HTML, Handbars등의 태그 자동 닫기를 지원해주긴 하나 XML, PHP, Vue, JavaScript, JSX등은 지원하지 않기 때문에 이 플러그인을 설치하고 사용하면 좋습니다.
Visual Studio Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
Bracket Pair Colorizer
여는 대괄호와 닫는 대괄호를 같은 색으로 표시해줍니다. 블록 Depth가 깊을 때 유용합니다.
Visual Studio Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
Auto Rename Tag
마크업 앞 혹은 뒤를 수정하면 그에 대응하는 마크업 뒤 혹은 앞을 자동으로 수정해줍니다.
Visual Studio Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Prettier — Code formatter
널리 쓰이는 code formatter로, 선호하는 포맷에 따라 커스터마이징 해 사용할 수 있습니다.
Visual Studio Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode