VSCode에는 Tailwind용 Extension으로 Tailwind CSS IntelliSense 가 있다. AutoComplete 기능을 제공하는 플러그인이다. 그런데 Tailwind가 v4로 업그레이드 되면서 기능이 제대로 동작되지 않았다.

settings.json 설정

명령 팔레트로 setting.json를 만들자.

Ctrl + Shift + P 입력
Preferences: Open User Settings (JSON) 검색
아래 key에 Tailwind를 import한 .css 파일 경로를 입력한다.

"tailwindCSS.experimental.configFile": "src/styles.css"

그러면 AutoComplete가 잘 적용될 것이다.