Setting up Tailwind CSS in a Vite project with Yarn.

Install Tailwind CSS with Vite and Yarn

/* Terminal */
yarn create vite my-project
cd my-project

yarn add -D tailwindcss postcss autoprefixer
yarn tailwindcss init -p

/* tailwind.config.cjs */
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

/* index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Terminal */
yarn dev

/* Enjoy */

Thanks. It's nice to have everything in one place