在 VS Code 中检查样式组件的 CSS 错误答案

【问题标题】：CSS Error Checking styled components in VS Code在 VS Code 中检查样式组件的 CSS 错误
【发布时间】：2019-01-19 21:50:42
【问题描述】：

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

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

我安装了一个 linter，它可以捕获语法错误，但是像下面这样的“无效属性值”呢：

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

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

非常感谢您！

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：