记一次UNOCSS的使用

UnoCSS 是即时原子 CSS 引擎,旨在灵活和可扩展。核心是不带偏见的,所有的 CSS 工具类都是通过预设提供的。

中文文档:https://unocss-cn.pages.dev/

官网:https://unocss.dev/

真好使!

以下是配置文件

import { defineConfig, presetAttributify, presetWind } from "unocss";
import presetRemToPx from "@unocss/preset-rem-to-px";

export default defineConfig({
  presets: [presetAttributify(), presetWind(), presetRemToPx()], //
});

//启用了 Attributify 模式 https://unocss-cn.pages.dev/presets/attributify
//兼容了wind css 规则 https://cn.windicss.org/guide/
//启用了Rem to px 预设 https://unocss-cn.pages.dev/presets/rem-to-px

不用写class 了!写的非常爽爽爽爽爽爽爽!


记一次UNOCSS的使用
https://blog.jiang.in/archives/d10a0038-e3d6-4ddb-8b3b-4ee05d492c0e
作者
Jiang
发布于
2024年11月13日
更新于
2024年11月13日
许可协议