SuperAPI AI 工具集

unocss

前端与建站

查看项目

更新于 10-15 18:37

技能介绍

用途:UnoCSS 是即时原子化 CSS 引擎,核心保持不预设观点,所有 CSS 工具类由预设提供,作为 Tailwind CSS 超集,可沿用 Tailwind 的基础语法知识。适合配置 UnoCSS、编写工具规则、快捷方式,或使用 Wind 等预设的场景。

主要能力:核心部分涵盖配置文件与全部配置选项、生成 CSS 工具类的静态与动态规则、将多条规则组合为单一简写的快捷方式、颜色与断点及设计令牌的主题系统、对规则应用 hover:、dark:、响应式等变体、从源码提取工具类、强制包含或排除特定工具类的安全名单与阻止名单、CSS 层排序与原始 CSS 注入的层与预检、以及转换生成 CSS 层的处理器(含 Lightning CSS)。预设方面有兼容 Tailwind CSS v3/Windi CSS 的 Preset Wind3(最常用)、兼容 Tailwind CSS v4 且具现代 CSS 特性的 Preset Wind4、面向自定义构建提供必要工具类的极简 Preset Mini;功能预设包括基于 Iconify 的纯 CSS 图标 Icons、以 HTML 属性分组工具类的 Attributify、提供排版默认的 Typography、集成 Google Fonts 等的 Web Fonts、将工具类用作 HTML 标签名的 Tagify、将 rem 转为 px 的 Rem to Px。转换器包括变体分组、CSS 指令(@apply、@screen、theme()、icon())、将多个类编译为哈希类的 Compile Class、在 JSX/TSX 中支持无值 attributify。集成方面提供 Vite 集成与 Nuxt 模块。

使用方式:编写 UnoCSS 代码前,应先检查项目根目录下是否存在 uno.config.* 或 unocss.config.* 文件,以了解可用的预设、规则与快捷方式。若项目设置不明确,应避免使用 attributify 模式及其他高级特性,仅使用基础 class 用法。

限制:资料未提供具体安装命令、收费与价格信息,部分细节需以官方文档为准。