- Bước 1: Tạo dự án của bạn, sau đó ở Terminal copy đoạn mã bên dưới và nhấn Enter.

npm create vite@latest my-project -- --template react
cd my-project

- Bước 2: Tải Tailwind Css:

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

- Bước 3: Config đường dẫn ở file `tailwind.config.js`:

/** @type {import('tailwindcss').Config} */

export default {

  content: [

    "./index.html",

    "./src/**/*.{js,ts,jsx,tsx}",

  ],

  theme: {

    extend: {},

  },

  plugins: [],

}

- Bước 4: Thêm Tailwind vào Css của bạn `index.css`:

@tailwind base;
@tailwind components;
@tailwind utilities;

- Bước 5: Chạy lại câu lệnh:

npm run dev

Vậy là bạn đã có thể bắt đầu code Css với Tailwind rồi đó. Chúc các bạn thành công!

Đừng quên để lại bình luận bên dưới nhé. Cảm ơn các bạn!!