Skip to content

预设

预设是 UnoCSS 的核心。它们让你能在几分钟内创建自己的自定义框架。

使用预设

为你的项目设置 presets:

uno.config.ts
ts
import { , ,  } from 'unocss'

export default ({
  : [
    ({ /* preset 选项 */}),
    (),
    // ...自定义 presets
  ],
})

当指定 presets 选项时,将忽略默认的 preset。

若要禁用默认 preset,你可以将 presets 设置为空数组:

uno.config.ts
ts
import {  } from 'unocss'

export default ({
  : [], // 禁用默认 preset
  : [
    // 你的自定义规则
  ],
})

你可以查看官方预设社区预设以获取更多信息。

创建预设

要了解如何创建你自己的自定义 preset,请查看预设配置