VSCode中JavaScript大括号回车换行异常问题求助

问题复现 #

预期效果：

function myFunction(a, b) { 
    /* 按下回车后光标应自动定位在此处 */
}

实际效果：

function myFunction(a, b) { 
    /* 按下回车后跳过一行，光标在这个位置 */
}

解决方案 #

1. 检查VSCode核心编辑器设置 #

• 打开设置面板（快捷键Ctrl+,），搜索并勾选 editor.formatOnType：开启输入时自动格式化，确保回车后编辑器自动调整缩进。
• 搜索 javascript.format.enable，确认该选项处于启用状态，保证JavaScript文件的格式化功能正常工作。
• 搜索 editor.bracketPairIndentation.enabled，勾选此选项，启用括号对的自动缩进逻辑。
• 调整 editor.autoIndent 为 full，让编辑器根据代码结构自动计算缩进位置。

2. 调整JavaScript格式化细节配置 #

• 搜索 javascript.format.placeOpenBraceOnNewLineForFunctions，设置为 false：确保函数的左大括号与函数声明在同一行，避免格式化时强制换行导致的光标偏移。
• 搜索 javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces，建议保持默认的 true，保证大括号内外的空格规范。

3. 排查第三方格式化插件冲突 #

• 若使用Prettier插件：
  • 搜索 Prettier: Bracket Same Line，勾选该选项，让左大括号保持在语句末尾而非单独换行。
  • 检查 Prettier: Print Width，避免因行宽限制导致的自动换行干扰。
• 若使用ESLint插件：
  • 确保ESLint的 brace-style 规则设置为 1tbs（One True Brace Style），与VSCode的格式化逻辑保持一致，避免规则冲突导致的异常缩进。

4. 极端情况排查 #

• 暂时禁用所有第三方插件，重启VSCode测试，若问题消失，逐个启用插件找出冲突源。
• 备份当前VSCode设置后，重置为默认设置（文件 → 首选项 → 设置 → 右上角打开设置JSON，清空自定义配置），排除自定义设置导致的问题。

内容的提问来源于stack exchange，提问作者Nguyen Khoi Phan