Vue 开发者可能都注意到，UnoCSS 的讨论频率越来越高。它不像 Tailwind 那样有营销声势，不像 Windi 那样起得早，却在 2024 年之后逐渐“渗透”进越来越多的 Vue 项目中。很多团队从 Tailwind、Windi CSS、SCSS 等方案“迁徙”到了 UnoCSS。看似只是换了个工具，实际上却是一种更深层次的开发范式迁移。
为什么 UnoCSS 会被 Vue 项目偏爱？它到底解决了哪些问题？又会引发哪些新的思维变化？这篇文章，我们来拆开 UnoCSS 背后的真实诱因。
如果你只把 UnoCSS 理解为“一个类 Tailwind 的原子化 CSS 工具”，那你可能漏掉了它真正颠覆的部分。
UnoCSS 是一个：
即写即用的原子 CSS 引擎，没有预定义 class（tailwind.config.js？你可以不用）
即时编译（on-demand generation） ，不扫描模板、不打包 CSS 文件，运行时动态生成样式表
支持任意规则组合，语义可扩展，能自动平装
插件式运行机制，样式规则 = 插件，想加功能不用改源码
简单说：UnoCSS 就像是原子 CSS 界的「Vite」，更轻，更快，更灵活。