1. Vite 프로젝트 초기화
    npm create vite@latest my_project
    cd my_project

  2. tailwindcss 설치
    npm install -D tailwindcss postcss autoprefixer
    npx tailwindcss init -p

  3. tialwindcss 설정 파일 변경
    => tailwind.config.js
    module.exports = {
    content: ["./index.html", "./src/*/.{js,ts,jsx,tsx}"],
    theme: {

     extend: {},

    },
    plugins: [],
    }

  4. src/index.css tailwind 지시어 추가
    @tailwindcss base;
    @tailwindcss components;
    @tailwindcss utilites;

'프로그래밍 > react' 카테고리의 다른 글

리엑트 tailwindcss 프로젝트 설정  (0) 2025.08.14
React 모듈 설치 여부 확  (0) 2025.06.29
리액트 프로젝트 생성  (0) 2025.04.06

+ Recent posts