有没有一种方法可以按字母顺序重新排列样式组件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