Sublime Text 3 CSS输入冒号时自动补全分号并将光标置于中间的设置问题

解决方法 #

Sublime Text 3 支持通过 insert_snippet 命令实现光标定位，替换你原来的配置即可：

1. 打开Sublime Text 3的用户按键绑定配置：依次点击顶部菜单栏「首选项」→「按键绑定（用户）」
2. 将以下配置添加到配置文件中：

{
  "keys": [":"],
  "command": "insert_snippet",
  "args": {"contents": ": $0;"},
  "context": [
    {"key": "selector", "operator": "equal", "operand": "source.css, source.scss, source.less", "match_all": true}
  ]
}

配置说明 #

• 用insert_snippet替代原有的insert命令，snippet语法中的$0标识补全后光标最终停留的位置，刚好符合你要的color: |;效果
• context字段用于限定该快捷键仅在CSS、SCSS、LESS样式文件中生效，避免干扰其他文件类型的正常输入，如果你需要全场景生效可以删除整个context配置块
• 如果你的用户按键绑定配置已有其他规则，只需将上述JSON对象添加到原有规则数组中即可，不要重复写外层方括号

内容的提问来源于stack exchange，提问作者pavel