VSCode TSX文件自动补全给变量额外添加={}问题求助

以下是几种可行的解决方法：

• 调整TypeScript JSX属性补全样式设置
  打开VSCode设置（快捷键Ctrl+,），搜索typescript.preferences.jsxAttributeCompletionStyle，将其值修改为none。这个设置控制JSX属性补全时是否自动添加花括号，改为none后，选中变量补全时就只会插入变量名，不会额外生成={}结构。

• 排查第三方插件冲突
  禁用所有第三方代码补全类插件（如Tabnine、Codeium、GitHub Copilot等），重启VSCode后测试补全功能。如果恢复正常，再逐个启用插件找出冲突的那个，要么更新该插件，要么更换替代工具。

• 更新TypeScript及相关插件
  确保VSCode内置的TypeScript版本为最新：打开命令面板（Ctrl+Shift+P），输入TypeScript: Select TypeScript Version，选择Use VSCode's Version并确认更新。同时更新ESLint、Prettier等React开发常用插件，避免版本兼容性问题导致的异常。

• 重置VSCode配置
  如果以上方法都无效，可尝试重置VSCode设置：打开命令面板，输入Preferences: Reset Settings，选择重置所有设置（或仅重置与语言服务相关的设置），之后重新配置必要的开发选项。

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