VSCode中如何修改括号自动补全后的光标位置

默认情况下，VSCode输入括号后光标会停在括号内部，要改为直接定位到括号右侧，可通过以下两种方案实现：

方案一：使用专用扩展 #

安装Cursor After Closing Bracket扩展，该扩展会自动修改括号补全后的光标行为，无需额外配置，安装后即可生效，支持所有常见括号类型（()、[]、{}、""、''等）。

方案二：自定义宏命令（无需额外扩展） #

如果不想安装扩展，可通过VSCode的宏命令功能实现：

1. 打开用户设置文件（Ctrl+, 打开设置面板，点击右上角的「打开设置(JSON)」图标），添加以下宏配置：

"multiCommand.commands": [
  {
    "command": "multiCommand.insertParenAndMoveRight",
    "sequence": [
      { "command": "type", "args": { "text": "()" } },
      { "command": "cursorRight" }
    ]
  },
  {
    "command": "multiCommand.insertBracketAndMoveRight",
    "sequence": [
      { "command": "type", "args": { "text": "[]" } },
      { "command": "cursorRight" }
    ]
  },
  {
    "command": "multiCommand.insertBraceAndMoveRight",
    "sequence": [
      { "command": "type", "args": { "text": "{}" } },
      { "command": "cursorRight" }
    ]
  }
]

2. 打开键盘快捷键配置文件（Ctrl+K Ctrl+S 打开快捷键面板，点击右上角的「打开键盘快捷键(JSON)」图标），添加以下绑定：

{
  "key": "(",
  "command": "multiCommand.insertParenAndMoveRight",
  "when": "editorTextFocus && !editorReadonly"
},
{
  "key": "[",
  "command": "multiCommand.insertBracketAndMoveRight",
  "when": "editorTextFocus && !editorReadonly"
},
{
  "key": "{",
  "command": "multiCommand.insertBraceAndMoveRight",
  "when": "editorTextFocus && !editorReadonly"
},
// 若需要对引号也生效，可添加以下配置
{
  "key": "'",
  "command": "multiCommand.insertQuoteAndMoveRight",
  "sequence": [
    { "command": "type", "args": { "text": "''" } },
    { "command": "cursorRight" }
  ],
  "when": "editorTextFocus && !editorReadonly"
},
{
  "key": "\"",
  "command": "multiCommand.insertDoubleQuoteAndMoveRight",
  "sequence": [
    { "command": "type", "args": { "text": "\"\"" } },
    { "command": "cursorRight" }
  ],
  "when": "editorTextFocus && !editorReadonly"
}

3. 保存配置后，输入对应括号或引号时，会自动补全成对符号并将光标定位到右侧。

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