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

使用预设

在你的项目中设置预设：

1
2
3
4
5
6
7
8
9
10
// uno.config.ts
import { defineConfig, presetAttributify, presetUno } from 'unocss'

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

如果你自己定义了presets选项，那么默认的预设就会被忽略。

为了禁用默认的预设，你可以将presets设置为空数组。

1
2
3
4
5
6
7
8
9
// uno.config.ts
import { defineConfig } from 'unocss'

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

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

创建预设

要了解如何创建自己的自定义预设，请参阅配置：预设部分。