时间戳

首页 > 解决方案 > 在 VS Code 中检查样式组件的 CSS 错误

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

问题描述

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

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

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

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

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

非常感谢您！

标签： javascriptcssvisual-studio-codestyled-components

解决方案

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

在 stylelint GitHub 上，我发现了一个关于此主题的讨论，其中一位 stylelint 开发人员建议使用stylelint-csstree-validator。

我试了一下，它按预期工作。非常好！

推荐阅读