unocss

看完这章视频，我对 unocss 理解还是处于不懂状态。

本来就使用了一个css预处理器(预处理器我懂的不多，但也没有太难的东西，另外学习资源也多B站免费一大把视频)，在这基础上又介绍了原子化css，tailwindcss 和 unocss ，其中 tailwindcss 文档写的还像个人样，功能写的清楚。但 unocss 文档完全看不懂，都是一堆配置，里面的概念和术语对一个没有接触的前端很吃力都不知道操作是做什么，为什么要这样做。集成了 unocss 还要配置 tailwindcss ，那为什么不直接使用 tailwindcss ？？

请问老师，我能不能基于 unocss.dev 文档从第一个部分开始阅读，不懂的就把代码发你询问什么意思，直到把 unocss 文档所有内容全部理解完？

收起

1回答

Brian 2024-01-11 21:42:31

那为什么不直接使用 tailwindcss ？？

——可以用，tailwindcss可以在我们的项目中无缝切换，因为我们的项目unocss使用的是wind配置，与tailwind的用法一样。

unocss的特点：

用unocss的主要原因：快。

你不习惯这个unocss的文档的话，可以装一个翻译插件。

我能不能基于 unocss.dev 文档从第一个部分开始阅读，不懂的就把代码发你询问什么意思，直到把 unocss 文档所有内容全部理解完？

——没有必要，看看这个地方：https://unocss.dev/interactive/

想用什么属性，就在这个地方搜索，如果不确定一部分属性的用法，可以看看tailwind文档。

如果，还是觉得别扭，那就可能是因为css属性自己不熟悉，写的不顺。要加强css~~

提问者慕粉3946981 #1

我认为你是为了集成而集成，研究了一下这两个包。你讲课废话太多了。讲课能不能不要抛锚？比如我这节教学视频目的只要一个集成一个原子化css功能到项目中，那你就不要东拉西扯说什么组件库啊、css框架啊、预处理器之类的、有什么意义呢？
20多分钟，我可以把tailwindcss官方文档的所有内容用法全部讲完。
前面就为了集成一个自动加载路由功能，介绍2个包。还花20多分钟讲自动加载路由类型问题的解决，大哥，你这个项目是有几千个页面组的组件吗？

2024-12-14 10:34:40
提问者慕粉3946981 #2

讲课思想不要抛锚！！
比如你说本节视频我要使用 unocss 原子化解决方案。ok，没有任何问题，你哪怕是看着官方的集成文档最多用时5分钟就能讲完，那么再花15分钟，5分钟讲一下基本配置相关，5分钟讲下类名和扩展。我想破了脑袋都没有理解，你到底比来比去的目的是什么？你不需要告诉学员什么比什么好，你只需要讲这个东西是什么怎么用，怎么高层次的使用就完事了。

2024-12-14 10:39:58
提问者慕粉3946981 #3

这样，等我把这门课程学完后，我把我优化的代码整理一份，直接录制一套视频免费发到 b 站上

2024-12-14 10:50:51