随着原子化CSS工具的兴起，UnoCSS作为一种新的解决方案，正逐渐被广大开发者所接受。它提供了一种灵活而高效的方式来管理和使用CSS样式。本文将介绍如何使用VSCode插件UnoT将传统CSS样式转换为UnoCSS类名，让开发者更专注于实现功能，而不是在样式转换上花费过多时间。
编辑
UnoT的安装
- 打开VSCode编辑器。
- 导航到扩展商店（Extensions Marketplace）。
- 在搜索栏中输入“UnoT”。
- 找到UnoT插件并点击“安装”按钮。
安装完成后，UnoT插件将自动集成到VSCode中（如若不生效，请重启VSCode编辑器）。
编辑
UnoT的使用
使用UnoT插件非常简单，以下是基本步骤：
- 选择CSS样式：鼠标选择需要转换的CSS样式，鼠标悬停。
- 查看转换结果：UnoT会在编辑器中立即生成对应的UnoCSS类名或者属性，供你使用。
- 应用新类名：将生成的UnoCSS类名应用到HTML元素中，替代原有的CSS规则。
编辑
UnoT个性化设置
UnoT:Variant Group设置建议关掉，不然UnoCSS设置鼠标悬停样式时无法使用变体组的形式了。
编辑
以上就是UnoT插件的使用啦^-^
