检测Vscode中样式化组件的重复CSS属性

Question

我想在我的样式组件中检测重复的CSS属性。

类似的东西

const TextContents = styled.div`
--> display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
align-items: flex-start;
--> display: flex;
`;

你知道有什么可以帮助的吗？

理想情况下在Vscode内部，甚至使用命令行工具。

Answer 1

样式表可以做到这一点。

进行检查的规则称为声明块无重复属性。

通过安装官方的VSCode扩展，您将能够看到内联错误，但您也可以使用命令行工具使用--fix标志自动修复这种类型的错误。