Vue tailwindcss 설치 및 적용

Installation: Using PostCSS - Tailwind CSS

1. Tailwind 설치

   yarn add tailwindcss postcss autoprefixer

2. project에 tailwind 적용

   npx tailwindcss init

3. config 파일 설정

   1. tailwind.config.js에서 content 설정

2. postcss.config.js 설정 확인
   

3. tailwind.css 파일 생성
   

4. main.js에서 tailwind.css import (고마워 과거의 나…)
   

VScode extention ‘Tailwind CSS IntelliSense’ 설치하면 tailwind 자동완성 기능 사용 가능!