VSCode中TypeScript JSX属性自动补全异常问题咨询

1. 该异常模式的用途是什么？ #

这个模式是针对JSX/TSX中对象字面量（比如style属性的大括号内）设计的，核心用途是在编辑嵌套对象结构时，提供更精准的缩进和格式管控，方便开发者编写多层级的样式配置或复杂属性对象。

2. 这是有意设计还是Bug？ #

属于VSCode的有意设计，是TypeScript语言服务提供的特性，并非Bug。但在部分场景下（比如自动补全标签后切换编辑状态），它的交互逻辑会和常规编辑模式产生冲突，导致用户体验变差。

3. 该模式名称是什么？ #

官方称呼为**“括号内的对象字面量编辑（In-Bracket Object Literal Editing）”**，也有开发者俗称其为“对象字面量缩进模式”。

4. 是否可禁用该模式？ #

可以禁用，通过调整VSCode设置实现：

• 打开设置（快捷键Ctrl+,）
• 搜索typescript.suggest.completeFunctionCalls，将其设置为false；
• 若仍有交互异常，可搜索editor.suggest.snippetsPreventQuickSuggestions，设置为false；
• 注意：不建议通过关闭editor.bracketPairColorization.enabled来解决，这会影响所有代码的括号颜色提示功能。

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