VSCode编辑JSX/TSX时自动将variable.替换为variable={.}问题求助

成因判断：大概率是扩展导致 #

VSCode原生对JSX/TSX的编辑逻辑不会自动把variable.替换成variable={.}，这种自定义的输入替换几乎都是由第三方扩展触发的，比如某些代码片段扩展、智能补全类扩展或者针对React/TSX的格式化工具。

排查扩展的方法 #

• 临时禁用所有扩展：打开命令面板（Ctrl+Shift+P / Cmd+Shift+P），执行Extensions: Disable All Installed Extensions，重启VSCode后测试输入variable.是否还会被替换。如果恢复正常，说明是某个扩展的问题。
• 逐个排查扩展：重新启用部分扩展，重复测试，直到定位到触发问题的那个扩展。

查看扩展操作历史的方式 #

• 查看Extension Host日志：打开VSCode的“输出”面板（Ctrl+Shift+U / Cmd+Shift+U），在面板顶部的下拉菜单中选择Log (Extension Host)，这里会记录扩展的加载、激活以及执行的关键操作，你可以在输入variable.前后查看日志，找到对应的扩展操作记录。
• 调整日志级别：如果日志信息不够详细，可打开命令面板执行Developer: Set Log Level，选择Trace级别，会记录更细致的扩展操作细节，方便定位问题。
• 直接查看日志文件：在命令面板执行Developer: Show Logs...，选择Extension Host选项，会直接打开对应的日志文件，便于搜索相关操作记录。

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