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

Question

我想知道在使用样式化组件时，是否有解决方案（插件，程序包等）可以在VS代码中进行真正的CSS错误检查。

编辑以澄清这一点：下面的代码示例是一个错误（我知道），但是我想知道一个显示VS代码的工具解决方案。常规的短毛绒设置无法捕捉到这一点。

我安装了一个linter，它捕获语法错误，但是“无效的属性值”如下所示：

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

我什么都找不到，而且由于我已经安装了stylelint和vs-code-styled-components，所以我相信我可以正常运行安装程序。

非常感谢您！

Answer 1

我今天也在寻找同样的东西。
我正在使用 stylelint 通过 vscode-stylelint 扩展名，想知道为什么它没有捕获您在上面描述的错误类型。

在 stylelint GitHub 上，我发现了一个 discussion on this topic，其中一位 stylelint 开发人员建议使用 stylelint-csstree-validator。

我试过了，它按预期工作。真不错！