有没有一种插件,写模板的时候，自动生成对应的类名

[liuidetmks]

<div class="c-ff0000 mt-90 ml-80"> </div>

c-ff0000 自动生成一个类 c-ff0000,颜色为 ff0000

mt-90 自动生成 mt-90 ，margin-top:90px

...

[eddiechow]

一种思路，你把这个逻辑告诉 chatgpt ，训练它，直到它能根据你的 html 文本准确输出 css 代码；以后你就只管往对话里面丢 html 文本就行了；
二种思路，自己造个轮子，自己实现

[NathanDo]

你这个效果不就是 tailwind css 的功能吗

[molvqingtai]

为什么不是提前定义好颗粒度很细的类名，推荐使用 tailwind

[liuidetmks]

@molvqingtai 会不会导致没用到的类名也加载进来了

[511shajo]

GitHub Copilot ？

[molvqingtai]

@liuidetmks 既然是 CSS 框架，这种基础的功能当然是有的

[molvqingtai]

@liuidetmks 完全符合先写类名再生成 css 的也不是没有，这个类 tailwind 的 virtual css 完全符合你的需求 https://css.master.co/

[lisongeee]

你说的这种是 unocss 的基础功能之一 <https://unocss.dev/guide/>

unocss 更多情况下定义的是规则，而不是固定的颗粒度类

比如可以定义 m-N -> margin: Npx ，N 是任意的数字

还有我觉得最好用的预设 Attributify preset

<div class="m-2 rounded text-teal-400 flex fixed" /> 可以直接写成

<div m-2 rounded text-teal-400 flex fixed />