VSCode)Tailwind IntelliSense 익스텐션 적용 안될때 해결방법

 

안녕하세요 찐망고입니다.

 

요즘은 tailwind 많이 쓰자나요.

그렇다고 그거 다 외우는 건 쉽지 않고

익스텐션 도움을 받을 텐데요.

이게 또 수업하다 보니 어느 자리는 되고 어느자리는 안되어서 

해결방법을 공유합니다.

 

tailwindcss IntelliSense 익스텐션

 

Tailwind IntelliSense 익스텐션이고

설치하게 되면 아래처럼 거의 모든 tailwind를 확인할 수 있습니다.

 

 

Tailwind IntelliSense 익스텐션 적용 후

 

 

안 되는 자리가 있는 경우 따로 셋팅이 필요합니다.

 

첫 번째! CDN작업 시 같은 root폴더에 파일 만들기

파일이름은 tailwind.config.js로 저장하고

파일 내용은 아래 코드 참고하기 

module.exports = {
  content: ["./**/*.html"],
}

 

CDN 써도 IntelliSense가 이 파일 보고 Tailwind 프로젝트라고 인식함.

 

두 번째!  VSCode settings.json 확인

Ctrl + Shift + P 눌러서 

Preferences: Open User Settings (JSON) 검색 후

{
  "editor.quickSuggestions": {
    "strings": true
  }
}

 

문자열 안 자동완성 허용하기! 

 

그리고 다시 실행하면 됩니다.

 일단 현재까지는 모두 해결 완료!