原子css

所谓原子css，也就是说，把css的样式控制更加的粒度细化了，针对某个元素的样式我们只需要在这个元素标签的类上加上不同的class，就会拥有不同的效果，根本不需要去思考和研究大量底层的css样式控制

基于原子CSS也衍生了一些组件库，比如：shadcn/ui

• 依赖于原子CSS：
• 不是传统意义的组件库，而是可以按需copy的源代码，可以用来快速定义自己的组件库
• 可惜：官方主要支持React，社区倒是出现了一个vue但只是社区维护的并不全面

入门视频：https://www.bilibili.com/video/BV1ye411v7Q2/?p=1&spm_id_from=pageDriver
不适合开箱即用，只能说适合高度定制

组件库文档生成方案：
编写组件文档？用它轻松拿捏！