UnoCSSUno preset
UnoCSS 的默认预设。目前它等同于 @unocss/preset-wind
INFO
该预设继承自 @unocss/preset-wind 和 @unocss/preset-mini。
安装
bash
pnpm add -D @unocss/preset-unopnpm add -D @unocss/preset-unobash
yarn add -D @unocss/preset-unoyarn add -D @unocss/preset-unobash
npm install -D @unocss/preset-unonpm install -D @unocss/preset-unots
// uno.config.ts
import { defineConfig } from 'unocss'
import presetUno from '@unocss/preset-uno'
export default defineConfig({
presets: [presetUno()]
})// uno.config.ts
import { defineConfig } from 'unocss'
import presetUno from '@unocss/preset-uno'
export default defineConfig({
presets: [presetUno()]
})TIP
该预设已包含在 unocss 包中，您也可以从中导入：
ts
import { presetUno } from 'unocss'import { presetUno } from 'unocss'用法
该预设尝试提供流行的功能优先框架（包括 Tailwind CSS、Windi CSS、Bootstrap、Tachyons 等）的共同超集。
例如，ml-3（Tailwind）、ms-2（Bootstrap）、ma4（Tachyons）和 mt-10px（Windi CSS）都是有效的。
css
.ma4 {
margin: 1rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ms-2 {
margin-inline-start: 0.5rem;
}
.mt-10px {
margin-top: 10px;
}.ma4 {
margin: 1rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ms-2 {
margin-inline-start: 0.5rem;
}
.mt-10px {
margin-top: 10px;
}规则
对于此预设中包含的所有规则和预设，请参阅我们的交互式文档或直接转到源代码。
有关此预设中包含的所有规则和预设，请参阅我们的交互式文档，或直接查看源码。
Options
INFO
该预设选项继承自@unocss/preset-mini。
有关默认预设的更多详细信息，请查看我们的 playground 并尝试。同时，您还可以查看实现。