预设

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

实用的预设

为项目设置预设的步骤:

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

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

当指定presets选项时，默认预设将被忽略。 要禁用默认预设，可以将presets设置为空数组：

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

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

查看更多 官方预设 and 公共预设 for more.

创建预设

查看如何创建自己的自定义预设, see Config: presets.