如何修改VSCode中JSX「添加缺失属性」的行为？

你之前配置的javascript.preferences.jsxAttributeCompletionStyle和typescript.preferences.jsxAttributeCompletionStyle确实只控制手动输入属性时的自动补全行为，对快速修复的「添加缺失属性」功能不起作用。要实现快速修复时直接添加空大括号，需要调整另一组设置：

• 打开VSCode设置（快捷键Ctrl+,/Cmd+,），搜索jsxMissingAttributeValue
• 将JavaScript和TypeScript对应的选项都设置为emptyExpression
• 或者直接在settings.json中添加以下配置：

{
  "javascript.preferences.jsxMissingAttributeValue": "emptyExpression",
  "typescript.preferences.jsxMissingAttributeValue": "emptyExpression"
}

配置完成后，再次使用「添加缺失属性」快速修复时，VSCode就会为必填属性生成空的表达式大括号{}，不再生成无用的占位值，无需手动删除。

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