VSCode에서 Tailwind CSS IntelliSense 가 작동하지 않는 문제 해결

• Tailwind CSS 를 프로젝트에서 사용할 때 반드시 사용하여야 하는 플러그인 Tailwind CSS IntelliSense
• HTML에서 class 입력 시, 또는 React/NextJS 프로젝트에서 className 입력 시 입력하는 문자로 시작하는 Tailwind Class 목록을 보여준다.
  (Cheat Sheet 확인하며 직접 클래스 찾아서 사용했던 과거의 나.. 존경해)
  
  플러그인을 분명히 설치하였는데 작동하지 않는 문제가 발생하였다 !
  

VSCode를 여러번 재실행하고.. 플러그인을 재설치해보아도 문제가 해결되지 않았는데, 아래 방법으로 해결하였다.

📍 해결 방법

• VSCode setting.json 을 수정해준다.
• 아래 코드 추가

"tailwindCSS.emmetCompletions": true, 
"editor.inlineSuggest.enabled": true, 
"editor.quickSuggestions": { 
   "strings": true 
}, 
"css.validate": false,

• 작동 확인
  

References

• https://javascript.plainenglish.io/how-to-fix-tailwind-css-intellisense-in-visual-studio-code-3dede794df21