Sublime Text 3 在 javascript 中只输入括号后缩进一个额外的标签

IT技术 javascript css reactjs sublimetext2 sublimetext3
2021-04-28 09:47:23

现在,我正在 Sublime Text 中使用 ReactJS 开发一个项目。每当我在括号之间按下 Enter 键时,它就会跳到另一行并添加一个额外的空格。下面是一个例子:

初始开始

光标在中间,然后我按回车:

在此处输入图片说明

当前结果

然后它会在之后添加这个额外的缩进。导致我浪费时间并修复它。

在此处输入图片说明

预期结果

这是我按回车后想要的结果:

在此处输入图片说明

先感谢您!

1个回答

打开Preferences -> Key Bindings-User并添加以下内容:

{ "keys": ["enter"], "command": "insert_snippet", "args": {"contents": "\n\t$0\n"}, "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 }
    ]
}

如果文件以前是空的,请[ ]在键绑定周围添加方括号并保存。如果文件有其他自定义键绑定,请将其粘贴在开头括号之后的开头[,并确保,在其后添加逗号以确保文件是有效的JSON