CSS错误检查Visual Studio Code中的样式化组件

km0tfn4u  于 2023-04-13  发布在  其他
关注(0)|答案(2)|浏览(115)

当使用样式化组件时,是否有解决方案(插件,包等)在Visual Studio Code中获得真实的的CSS错误检查?
下面的代码示例是一个错误(我知道),但我想知道Visual Studio Code的工具解决方案,可以显示这一点。常规的linter设置无法捕获这一点。
我安装了一个linter,它可以捕获语法错误,但是像下面这样的“无效属性值”怎么办?

const StyledSubHitElDiv = styled.div`
  display: down
`;

我找不到任何东西,因为我已经安装了 Stylelintvs-code-styled-components,我相信我有正常的设置运行。

6tqwzwtp

6tqwzwtp1#

我安装了IntelliJ IDEA,无效值有错误下划线,需要为SCSS和CSS修复。

  • vscode-csstree* 仅适用于CSS。

7rtdyuoh

7rtdyuoh2#

我今天也在搜索同样的东西。我通过vscode-stylelint扩展使用Stylelint,想知道为什么它不能捕获你上面描述的错误类型。
在Stylelint GitHub页面上,我发现了一个discussion on this topic,其中一个Stylelint开发人员建议使用stylelint-csstree-validator
我试用了一下,效果和预期的一样,真的很不错!

相关问题