Uno 预设

UnoCSS 的默认预设。它现在等于 @unocss/preset-wind.

Source Code（源代码）

INFO

该预设继承了 @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 { defineConfig } from "unocss";
import presetUno from "@unocss/preset-uno";

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

TIP

这个预设包含在unocss包中，你也可以从那里导入它:

import { presetUno } from "unocss";

使用

这个预设试图提供流行的实用优先框架的通用超集，包括顺风 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 兼容，您可以参考他们的文档 documentation 了解详细使用方法。 This preset is compatible with Tailwind CSS and Windi CSS, you can refer to their documentation for detailed usage.

对于包含在此预设中的所有规则和预设，请参考我们的交互式文档 interactive docs 或直接转到源代码 source code 。

选项

INFO

该预设的选项继承自 @unocss/preset-mini.

有关默认预设的更多详细信息，您可以查看我们的playground并尝试。同时，您还可以检查the implementations。