预设

预设是 UnoCSS 的核心。他们让您在几分钟内制作自己的自定义框架。

使用预设

为您的项目添加预设:

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

export default defineConfig({
  presets: [
    presetAttributify({
      /* 预设选项 */
    }),
    presetUno()
    // ...自定义预设
  ]
})

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

export default defineConfig({
  presets: [
    presetAttributify({
      /* 预设选项 */
    }),
    presetUno()
    // ...自定义预设
  ]
})

当指定了 presets 选项时，将会忽略默认预设。

要禁用默认预设，您可以将 presets 设置为空数组：

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

export default defineConfig({
  presets: [], // 禁用默认预设
  rules: [
    // 您的自定义规则
  ]
})

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

export default defineConfig({
  presets: [], // 禁用默认预设
  rules: [
    // 您的自定义规则
  ]
})

您可以在官方预设和社区预设中查看更多预设选项。

预设 ​

使用预设 ​

预设

使用预设