Uno 預設集

UnoCSS 的預設預設集。它目前等同於 @unocss/preset-wind。

原始碼

資訊

此預設集繼承了 @unocss/preset-wind 和 @unocss/preset-mini。

安裝

pnpm

pnpm add -D @unocss/preset-uno

yarn

yarn add -D @unocss/preset-uno

npm

npm install -D @unocss/preset-uno

uno.config.ts

import presetUno from '@unocss/preset-uno'
import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [
    presetUno(),
  ],
})

提示

此預設集包含在 unocss 套件中，您也可以從那裡導入它

import { presetUno } from 'unocss'

用法

此預設集嘗試提供常用工具優先框架的通用超集，包括 Tailwind CSS、Windi CSS、Bootstrap、Tachyons 等。

例如，ml-3 (Tailwind CSS)、ms-2 (Bootstrap)、ma4 (Tachyons) 和 mt-10px (Windi CSS) 都是有效的。

.ma4 { margin: 1rem; }
.ml-3 { margin-left: 0.75rem; }
.ms-2 { margin-inline-start: 0.5rem; }
.mt-10px { margin-top: 10px; }

規則

此預設集與 Tailwind CSS 和 Windi CSS 相容，您可以參考他們的 文件 以了解詳細用法。

有關此預設集中包含的所有規則和預設集，請參閱我們的 互動式文件 或直接前往 原始碼。

選項

資訊

此預設集的選項繼承自 @unocss/preset-mini。

如需有關預設預設集的更多詳細資訊，您可以查看我們的 playground 並試用它。同時，您也可以查看 實作。