Skip to main content

setup-project

Terminal​

npm create vite@latest . -- --template react
npm install -D tailwindcss postcss autoprefixer daisyui@latest
npx tailwindcss init -p
yarn

Edit files​

tailwind.config.js​

/** @type {import('tailwindcss').Config} */
import daisyui from "daisyui";
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [daisyui],
};

Index.html​

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + React</title>
  </head>
  <body>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>

main.jsx​

import './styles.css'

index.css -> rename in styles.css​

@tailwind base;
@tailwind components;
@tailwind utilities;
  • App.css löschen
  • App.jsx löschen