如何在 Nuxt 项目中安装 Tailwind CSS 和 daisyUI
在当前目录下创建一个新的 Nuxt 项目
npx nuxi@latest init
npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest
将 Tailwind CSS 添加到 Vite 配置
import tailwindcss from "@tailwindcss/vite";
export default defineNuxtConfig({
vite: {
plugins: [tailwindcss()],
},
css: ["~/assets/app.css"],
});
将 Tailwind CSS 和 daisyUI 放入你的 CSS 文件中 (并移除旧样式)
@import "tailwindcss";
@plugin "daisyui";
现在你可以使用 daisyUI 类名了!