Question

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

element {
    property: value;
    property: value;
    }

element {
    property: value;
    }

当在Sublime Text 2中调用左大括号时，右大括号后面会出现右大括号，光标位于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个文件中，您就会得到所要求的内容。

在Sublime Text 2中设置CSS关闭括号的位置

1 个答案: