原子化CSS（Atomic CSS)

每天吃饭的羊2023-09-13 13:20

UnoCSS，它不是像TailWind CSS和Windi CSS属于框架，而是一个引擎，它没有提供预设的原子化CSS工具类。引用自掘金，文章中实现相同的功能，构建后的体积TailWind 远> Windi > UnoCSS,体积会小很多。

像这种原子性的CSS应该在大公司会用到吧！目前还没用过，用过的都说好用，没用过的人说它代码太多了，下面就单纯实现下如何在项目中使用UnoCSS。

首先使用vite新建一个vue项目模板；

然后看上方掘金文章的下部分，就可以使用UnoCSS了