coding-style - 在 Sublime Text 2 中设置 CSS 右大括号的位置

Question

我刚刚从 Espresso 切换到 Sublime Text 2，无法弄清楚如何编辑 CSS 代码块上的右大括号位置。我对编码风格非常挑剔，并且更喜欢以下内容：

element {
    property: value;
    property: value;
    }

element {
    property: value;
    }

当在 Sublime Text 2 中调用左大括号时，右大括号直接出现在它之后，光标在两个大括号之间。我想设置它以便发生以下情况：

element {
    [carat-location]
    }

然后可以在大括号内添加属性。完成后，tab键入键并将克拉移动到以下位置：

element {
    property: value;
    }

[carat-location]

我已经能够通过编辑 Sugar 包在 Espresso 中进行设置，但我无法追踪 Sublime Text 2 在哪里添加这些设置（如果有的话）。

Answer 1

您可以创建一个片段。Tools/New Snippet...：

<snippet>
    <content><![CDATA[
{
    ${1}
    }

${2}
]]>
    </content>
</snippet>

将其另存为Packages/User/CurlyBrackets.sublime-snippet.

然后，在您的Key Bindings - User：

{ "keys": ["{"], "command": "insert_snippet", "args": {"name": "Packages/User/CurlyBrackets.sublime-snippet"}, 
    "context":
    [
        { "key": "selector", "operator": "equal", "operand": "source.css" }
    ]
}

这样，当您{在css文件中按 , 时，您将获得所需的内容。