原子化CSS（Atomic CSS)

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

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

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

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

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

相关推荐
PasserbyX9 分钟前
一句话解释JS链式调用
前端·javascript
1024小神11 分钟前
tauri项目，如何在rust端读取电脑环境变量
前端·javascript
Nano16 分钟前
前端适配方案深度解析：从响应式到自适应设计
前端
古夕20 分钟前
如何将异步操作封装为Promise
前端·javascript
小小小小宇21 分钟前
前端定高和不定高虚拟列表
前端
古夕31 分钟前
JS 模块化
前端·javascript
wandongle31 分钟前
HTML面试整理
前端·面试·html
liucan23332 分钟前
JS执行速度似乎并不比Swift或者C语言慢
前端·ios
一只小风华~34 分钟前
HTML前端开发：JavaScript 常用事件详解
前端·javascript·html
Revol_C37 分钟前
【调试日志】我只是用wangeditor上传图片而已，页面咋就崩溃了呢~
前端·vue.js·程序员
热门推荐
01【图像处理与机器视觉】XJTU期末考点02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高，一键全文降！文件格式不变，公式都保留的！07Coze扣子平台完整体验和实践（附国内和国际版对比）08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程（附镜像包）10R-tree详解