VSCODE CSS 类检测器(如果它在样式中可用.css



我有一个index.html包含我的HTML与tailwindcss类,我也有自定义类的style.css文件,有时当我添加类到div元素,我使用错误的类不存在于style.css,我花了几分钟或有时几个小时来捕捉错误。

的例子:

<div class="w-full bg-prim shadow-md py-4 flex flex-col px-12 hover:h-96 transition-height duration-500 ease-in-out spacey-4">
</div>

假设style.css中不存在空格-4,并且它是一个错误的类。

这就是发生在我身上的事情,我今天花了3个小时,解决了一个UX bug,因为我错误地使用了一个错误的类,我没有意识到当我添加一个角色到一个类,然后它崩溃了UX

是否有一个vscode扩展来检测这个错误,比如下划线,如果它不存在!

我不这么认为,但我建议你使用"css peek"扩展。如果你点击ctrl(或在德国字符串),并悬停在一个类或id(在html代码),它会显示你的css元素,如果元素没有css你知道。

我希望我能帮到你

我想说你可以尝试智能感知CSS类名在HTML扩展VSCode这里

它不会验证你输入的css类名,但它会提示下拉智能,如果你想使用的css类不在列表中,你知道该怎么做。

谢谢。

最新更新