【问题标题】:Change Sublime Text Bracket/Indent Rules更改 Sublime 文本括号/缩进规则
【发布时间】:2013-02-06 15:04:43
【问题描述】:

我正在尝试弄清楚如何更改 CSS 的 Sublime Texts 自动括号规则。

我默认得到这个:

.class {
    #CURSOR
}

我想要这个:

.class {
    #CURSOR}

关于如何实现这一点的任何想法?

【问题讨论】:

  • 第一种方法是右括号的正确/传统放置。我不知道你会如何在 Sublime 中改变它,或者你为什么想要改变它,因为它可能会影响你自己和你的 css 文件的潜在未来开发人员的 css 可读性。
  • 正如@BillyMoat 所说,你为什么要那样做?
  • 感谢您的...回答? Sass 就是这样编译的。我有点喜欢它。

标签: css editor sublimetext2


【解决方案1】:

您可以将此快捷方式添加到您的Key Bindings - User

{ "keys": ["enter"], "command": "insert", "args": {"characters": "\n\t"}, "context":
    [
        { "key": "setting.auto_indent", "operator": "equal", "operand": true },
        { "key": "selection_empty", "operator": "equal", "operand": true, "match_all": true },
        { "key": "preceding_text", "operator": "regex_contains", "operand": "\\{$", "match_all": true },
        { "key": "following_text", "operator": "regex_contains", "operand": "^\\}", "match_all": true },
        { "key": "selector", "operator": "equal", "operand": "source.css" }
    ]
}

使用css 文件修改enter 键行为。

或者您可以使用代码段。 Tools/New Snippet...:

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

另存为Packages/User/CSSBrackets.sublime-snippet

然后,在Key Bindings - User 中添加一个快捷方式,以便在css 文件中按 { 时触发它:

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

【讨论】:

  • 郁闷。尝试了这两个都没有成功。我错过了什么?我尝试重新启动ST,仍然没有运气。 ;(
  • 这个绑定只能用 CSS 触发(上下文是{ "key": "selector", "operator": "equal", "operand": "source.css" })。您是在编辑 CSS 还是其他内容?
  • 啊,.scss。猜猜这可能是问题所在。改成 source.scss 就行了?
  • 固定是通过添加{ "key": "selector", "operator": "equal", "operand": "source.scss" }
  • 在我将 LESS 更改为“source.less”之前,它对我不起作用。
猜你喜欢
  • 2015-05-02
  • 2020-06-26
  • 1970-01-01
  • 1970-01-01
  • 2012-03-07
  • 1970-01-01
  • 2015-09-23
  • 2016-11-09
  • 2017-07-30
相关资源
最近更新 更多