根本原因是Insert pair tag开关被关闭，需在Settings→Editor→General→Smart Keys中勾选；.vue文件需在template内并注入HTML语言；折叠需标签成对且非空；Tab不生效多因IdeaVim劫持，可改用Ctrl+J；Power Save Mode会全面禁用智能功能。
为什么输入 <div> 后不自动出现 </div>
根本原因不是插件没装或版本旧，而是 Insert pair tag 开关被关了——这是 WebStorm 默认不强制启用的独立开关，关了就彻底不配对。
检查路径：File → Settings → Editor → General → Smart Keys（macOS 是 WebStorm → Preferences），必须勾选 Insert pair tag（注意不是 Insert pair quote 或 Insert pair bracket）。
- 顺手勾上
Insert required attributes，比如输<img>时会自动补src和alt - 该设置只对当前语言模式生效：若右下角显示
Plain Text或XML，哪怕文件名是index.html，Insert pair tag也完全不触发 - .vue 文件中，光标必须在
<template>内，且需右键 →Inject language or reference → HTML才能生效
Ctrl+. 折叠 HTML 标签没反应？
Ctrl+.（Windows/Linux）或 Cmd+.（macOS）只能折叠成对、非空的块级标签，比如 <div>...</div> 或 <section>...</section>；自闭合标签（<img>、<input>）、内联标签（<span>、<a>）默认不可折叠。
想让 <img> 类标签也能折，得手动开启「inline elements」折叠支持：
立即学习“前端免费学习笔记（深入）”；
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 路径：
Settings → Editor → General → Code Folding - 勾选
XML/HTML下的Inline elements - 折叠生效前提是光标位于标签内部，或完整选中一对标签（不能只选开头或只选结尾）
Tab 键不展开 Emmet 缩写，比如输 div 按 Tab 没反应
90% 是快捷键被劫持，尤其常见于启用了 IdeaVim 插件——它把 Tab 当作 Vim 模式下的跳格键，Emmet 根本收不到信号。
验证方式：输入 div 后按 Ctrl+J（Windows/Linux）或 Cmd+J（macOS），如果能展开，就是 Tab 冲突。
- 解决方法一：禁用
IdeaVim（Settings → Plugins） - 解决方法二：保留
IdeaVim，但改用Ctrl+J作为 Emmet 展开键（Settings → Editor → Emmet，关闭Trigger expansion with Tab） - 别把展开键设成
Enter：它和 Live Template 的确认行为重叠，容易误插<div></div>而不是等待嵌套
Power Save Mode 开着，所有智能补全都失效
省电模式不只是关掉高亮或动画，它会静默禁用括号配对、标签闭合、代码补全弹窗、文档提示（Ctrl+Q）、实时高亮——界面右下角有电池图标，但很多人根本没注意它已启用。
点击右下角齿轮/头像区域 → 查看 Power Save Mode 是否勾选，若已启用，点击取消即可，无需重启，立即恢复。
这个模式还会影响其他关键功能：比如 Ctrl+Alt+L 格式化可能跳过空格规则，Ctrl+Space 补全列表不出现，甚至 Ctrl+B 跳转定义也会变慢或失败。
