Visual Studio中是否有按字母顺序排列CSS定义的工具?

Visual Studio中是否有按字母顺序排列CSS定义的工具?,css,visual-studio,Css,Visual Studio,Eric Meyer建议在CSS样式的定义中保持单个规则按字母顺序排列,这是有道理的——没有“自然”的方式来排列规则,这使得在复杂的定义中很容易确保不重复定义同一事物 div.Foo { background:Green; border:1px solid Khaki; display:none; left:225px; max-height:300px; overflow-x:hidden; overflow-y:auto; po

Eric Meyer建议在CSS样式的定义中保持单个规则按字母顺序排列,这是有道理的——没有“自然”的方式来排列规则,这使得在复杂的定义中很容易确保不重复定义同一事物

div.Foo
{
    background:Green;
    border:1px solid Khaki;
    display:none;
    left:225px;
    max-height:300px;
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    top:0;
    width:230px;
    z-index:99;
}
所以我的问题是:在VisualStudio中是否有插件或其他简单的方法来选择规则列表并按字母顺序排列?(更好的做法是,在样式表中一次性应用此功能。)

更新 @Geoff建议使用CleanCSS,它非常酷,除了许多其他漂亮的清理(例如,使用相同的选择器合并定义)之外,还可以一次完成上述要求的字母排序。不幸的是,它将定义中的多个选择器折叠为一行。比如说

div.Foo,
div.Foo p,
div.Foo li
{
   color:Green;
}
变成

div.Foo,div.Foo p,div.Foo li
{
   color:Green;
}

这是一个更难阅读和一种交易破坏者。这是最低的压缩设置,我看不到替代它的方法。

我不知道visual studio中有什么东西,但是有在线工具来清理和格式化css。我成功地使用了它

更新:


试试这个。它似乎输出的行更像你想要的

它不是一个插件,也不知道CSS,但它通常很有用:一个电子表格,如Excel或


我经常剪切代码,将其粘贴到Excel中,咀嚼一点,然后将其粘贴回我的编辑器中。我发现这项技术对于快速字母排序特别有用。

使用CodeMaid。Ctrl+M+F9将对所选内容中的任何文本进行排序,而不考虑其类型。

事实上,它要简单得多,而且您无需安装任何插件

只需进入“文件>首选项>键盘快捷键”


然后按升序键入排序行,然后将一个键绑定映射到该行。

Ben的回答是正确的,但容易出错,但请引导我使用此插件: 安装后,只需将其添加到
设置.json

"postcssSorting.config": {
  "properties-order": "alphabetical"
}
然后在vscode命令面板(cmd+shift+p)中选择
postsss排序:Run


还有很多其他很好的配置选项,包括如何处理评论。

真的吗?我刚刚尝试了上面的示例代码:选择、复制、粘贴到excel中,单击“A-Z”按钮,复制。我用了不到2秒。2秒+2秒+2秒。。。甚至一年也只是由许多2秒钟组成…这不会达到你的预期。它将对所有行进行排序,而不考虑嵌套结构。你需要postss插件。