AI Skills
daisyui-install

daisyui-install

热门

daisyUI 5 的安装说明

4.2万Star
1661Fork
更新于 2026/7/12
获取 Skill源代码

相关 Skills

design-system11万next-cache-components-adoption14万fix25万
SKILL.md
readonly只读
name
daisyui-install
description

daisyUI 5 的安装说明

daisyUI 5 安装说明

安装指南

  1. daisyUI 5 需要 Tailwind CSS 4
  2. 在 Tailwind CSS v4 中，tailwind.config.js 文件已被弃用。请勿使用 tailwind.config.js。Tailwind CSS v4 如果是 node 依赖，只需在 CSS 文件中添加 @import "tailwindcss";。
  3. daisyUI 5 可以通过 npm i -D daisyui@latest 安装，然后在 CSS 文件中添加 @plugin "daisyui";。
  4. 建议将 daisyUI 作为依赖安装，但如果确实想通过 CDN 使用，可以使用 Tailwind CSS 和 daisyUI 的 CDN 文件：
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
  1. 包含 Tailwind CSS 和 daisyUI 的 CSS 文件（如果是 node 依赖）如下所示：
@import "tailwindcss";
@plugin "daisyui";