Skip to content

预设

¥Presets

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

¥Presets are the heart of UnoCSS. They let you make your own custom framework in minutes.

使用预设

¥Using presets

为你的项目设置预设:

¥To set presets to your project:

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

export default ({
  : [
    ({ /* preset options */}),
    (),
    // ...custom presets
  ],
})

当指定 presets 选项时,默认预设将被忽略。

¥When the presets option is specified, the default preset will be ignored.

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

¥To disable the default preset, you can set presets to an empty array:

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

export default ({
  : [], // disable default preset
  : [
    // your custom rules
  ],
})

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

¥You can check official presets and community presets for more.

创建预设

¥Creating presets

要了解如何创建自己的自定义预设,请参阅 配置:presets

¥To see how you can create your own custom preset, see Config: presets.