为 Vike 安装 daisyUI

如何在 Vike 项目中安装 Tailwind CSS 和 daisyUI

1. 创建一个新的 Vike 项目

在当前目录下创建一个新的 Vike 项目

终端
npm create vike ./

2. 安装 Tailwind CSS 和 daisyUI

终端
npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest

将 Tailwind CSS 添加到 Vite 配置

vite.config.ts
import tailwindcss from "@tailwindcss/vite";
import vike from "vike/plugin";
import { defineConfig } from "vite";

export default defineConfig({
  plugins: [tailwindcss(), vike()],
});

将 Tailwind CSS 和 daisyUI 放入你的 CSS 文件中(并移除旧样式)

renderer/Layout.css
@import "tailwindcss";
@plugin "daisyui";

现在你可以使用 daisyUI 类名了!

你喜欢 daisyUI 吗? 发帖宣传一下!
支持 daisyUI 的开发:Open Collective
daisyUI store

NEXUS
官方 daisyUI 仪表盘模板

在 daisyUI 商店有售

更多详情