AI Skills
daisyui-install

daisyui-install

熱門

daisyUI 5 的安裝說明

4.2萬星標
1661分支
更新於 2026/7/12
獲取技能源代碼

相關技能

design-system11萬next-cache-components-adoption14萬fix25萬
SKILL.md
readonlyread-only
name
daisyui-install
description

daisyUI 5 的安裝說明

daisyUI 5 安裝說明

安裝指南

  1. daisyUI 5 需要 Tailwind CSS 4
  2. tailwind.config.js 檔案在 Tailwind CSS v4 中已棄用。請勿使用 tailwind.config.js。Tailwind CSS v4 只需在 CSS 檔案中加入 @import "tailwindcss";（如果是 node 依賴）。
  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";