Skip to content

预设

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

使用预设

为你的项目设置预设:

ts
// uno.config.ts
import { defineConfig, presetAttributify, presetUno } from 'unocss'

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

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

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

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

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

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

创建预设

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

基于 MIT 许可发布