javascript - 在 VS Code 中检查样式组件的 CSS 错误

Question

我想知道在使用样式化组件时是否有解决方案(插件、包等)来在 VS 代码中进行真正的 css 错误检查。

编辑澄清:下面的代码示例是一个错误(我知道)，但我想知道一个用于 VS 代码的工具解决方案，它显示了这一点。常规的 linter 设置没有捕捉到这一点。

我安装了一个 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 .
我试了一下，它按预期工作。非常好!