Sublime Text 2：如何将 CSS 重新格式化为特定（非标准）样式？

Question

有多种 CSS 格式化程序可以做到这一点：

.classname {
  style: value;
  style: value;
}
.classname {
  style: value;
}

把它变成这样：

.classname { style: value; style: value; }
.classname { style: value; }

问题是我的个人偏好与很多其他人的偏好不一致。这很好，因为我不是一个常见的用例，所以我不希望有任何东西。我想拿第一个例子，把它变成这样：

.classname {
  style: value;
  style: value;
}
.classname { style: value; }

具有多种样式的所有类都在自己的行中，但只有一种样式的每个类都很紧凑。

我可以解决一些我可以在 Sublime Text 2 中搜索的正则表达式，它可以让我找到像这样的单一样式类的每个实例，然后在找到之后进行编辑以成为我想要的。这对我来说非常好，并且在我继承大型样式表时会有所帮助。正如您可能想象的那样，对于这些大床单，我通常不会手工操作，而只能忍受它。我希望有一个简单的解决方案，比如在没有插件的情况下搜索正则表达式或其他东西。

Answer 1

基本的转换可以通过正则表达式替换来完成。我会这样做：

第 1 步： \n → NOTHING 删除所有换行符

第 2 步： [\s\t]{1,} → 更改多空格/制表符顶部一个空格（可能很好）

第 3 步： \} → }NEWLINE 在 }

第 4 步： \s+(\})|(\{)\s+ → \1\2 删除大括号前后的单个空格（可能很好）

没有为搜索和替换创建自定义键绑定的内置功能，但有一个插件可以做到这一点：

https://github.com/facelessuser/RegReplace

Reg Replace 是 Sublime Text 2 的插件，允许创建由查找和替换指令序列组成的命令。

键绑定和 RegReplace 配置可能如下所示...

RegReplace

{
    "replacements": {
        "strip_newlines": {
            "find": "\\n", "greedy": true, "case": false,
            "replace": ""
        },
        "reduce_multispace": {
            "find": "[\\s\\t]{1,}", "greedy": true, "case": false,
            "replace": ""
        },
        "break_after_closecurlybrace": {
            "find": "\\}", "greedy": true, "case": false,
            "replace": "\\}\n"
        },
        "strip_space_around_curlybraces": {
            "find": "\s+(\})|(\{)\s+", "greedy": true, "case": false,
            "replace": "\\1\\2"
        }
    }
}

键绑定

{
    "caption": "Make my odd formatting",
    "command": "reg_replace",
    "args": {
        "replacements": ["strip_newlines", "reduce_multispace", "break_after_closecurlybrace", "strip_space_around_curlybraces"]
    }
}

两者都完全未经测试