如何在IntelliJ IDEA中无需输入<或Tab键实现HTML/React标签自动补全

按以下步骤调整IDEA设置即可实现输入标签/组件前缀直接触发补全：

• 打开设置面板：Windows/Linux点File → Settings，Mac点IntelliJ IDEA → Settings
• 进入Editor → General → Code Completion：
  • 勾选Show suggestions as you type，确保输入时自动弹出补全列表
  • 找到下方的JavaScript/TypeScript分类，确认Autopopup in JSX files处于开启状态，同时勾选Sort suggestions alphabetically让前缀匹配的结果优先显示
• 进入Editor → Emmet → Emmet for JSX：
  • 勾选Enable Emmet for JSX，确保Emmet对JSX语法生效
• 进入Languages & Frameworks → JavaScript → React JSX：
  • 勾选Enable JSX syntax，保证IDEA正确识别TSX文件中的JSX语法
• 回到Editor → General → Code Completion，找到Add imports automatically：
  • 开启JavaScript/TypeScript下的所有选项，这样自定义组件（比如Carousel）的补全还会自动帮你导入依赖

设置完成后，输入di就能看到div的补全建议，输入Carous会弹出Carousel组件选项，选中后按Enter会自动生成带<>的完整标签/组件。如果没立刻生效，重启IDEA或者检查项目的tsconfig.json是否正确配置了JSX语法支持。

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