有没有一种方法可以按字母顺序重新排列样式组件css？

Question

WebStorm提供设置Sort CSS properties-By name。

重新排列：

.test {
    display: flex;
    align-items: center;
    cursor: pointer;
}

收件人：

.test {
    align-items: center;
    cursor: pointer;
    display: flex;
}

遗憾的是，这不适用于styled-components CSS：

const StyledComponent = styled.div`
    display: flex;
    align-items: center;
    cursor: pointer;
`;

是否有一种方法可以实现WebStorm中样式组件的JS部分中CSS的完全相同的行为？

Answer 1

当前不支持，请参见https://github.com/styled-components/webstorm-styled-components/issues/60。相关的Youtrack票证：WEB-28540