Tailwind CSS Intellisense는 tailwindcss class의 자동 완성, syntax highlighting, linting을 지원하는 VS Code Extension이며
VS Code에서 tailwindcss를 사용한 프로젝트를 진행 중이라면 필수라고 생각합니다.
설치
VS Code Extensions 메뉴에서 Tailwind CSS IntelliSense를 검색하여 설치합니다.
기능
class 자동완성
tainwindcss 에서 사용할 수 있는 class 자동완성을 지원합니다.
CSS미리보기
class에 마우스를 올릴 경우 해당 class로 적용되는 css를 미리 볼 수 있습니다.
Linting
중복되거나 충돌이 일어나는 class를 경고로 알려줍니다.
tailwindcss language 지원
tailwindcss annotation을 사용하는 css에서 아래 처럼 경고가 발생할 경우 language를 tailwindcss로 변경할 수 있습니다.
파일에 적용된 언어 CSS를 클릭합니다.
Tailwind CSS를 선택합니다.
