phpstorm三窗格冲突解决器能准确区分local、remote和base版本，避免手动修改导致覆盖或遗漏；必须通过changes视图→merge conflicts节点→resolve conflict触发，不可用ctrl+d对比标记文件。
直接用 PhpStorm 内置的三窗格冲突解决器，别手动改 index.html —— 它能准确区分你改的、别人改的、以及公共祖先版本，避免覆盖或漏逻辑。
为什么不能直接 Ctrl+D 对比两个本地 index.html 文件
Git 合并冲突时产生的 index.html 文件，头部通常带有 / <code>======= / >>>>>> origin/main 标记。此时它已不是普通 HTML 文件，而是 Git 的冲突标记文件。用 Ctrl+D 对比两个磁盘上的副本，只会比出“标记文本 vs 标记文本”，完全丢失语义上下文。
- 对比结果全是行级红/绿块，看不出哪段是你的修改、哪段是别人的
- 无法还原公共祖先（baseline）内容，容易误删双方都改过的结构
- 右窗格可编辑但无 Git 上下文，保存后可能破坏冲突状态，导致
git status仍显示 unmerged
正确入口：从 Changes 视图触发三向对比
PhpStorm 的冲突解决器不是“对比工具”，而是 Git-aware 的三向合并界面，自动加载 BASE（共同祖先）、LOCAL（你工作区）、REMOTE（入仓版本）三个快照。
- 确保
index.html在 Changes 工具窗口（Alt+9）的 Merge Conflicts 节点下可见 - 右键该文件 → 选 Resolve Conflict…（不是 “Compare with…”）
- 或主菜单：
VCS → Git → Resolve Conflicts，在弹出列表中双击index.html
此时打开的窗口左侧是 LOCAL（只读），右侧是 REMOTE（只读），中间是可编辑的 Result，顶部会明确标注三个版本的 commit hash 和时间。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
处理 HTML 冲突时的关键判断点
HTML 不像 PHP 那样有函数边界，冲突常出现在结构嵌套、属性增删、注释位置等地方。光靠颜色高亮不够，得结合上下文判断：
- 若冲突在
里新增了两个不同<script></script>标签，通常应**都保留**，而非二选一 - 若一方删了某个
class，另一方改了同个元素的id，需手动合并成<div class="old" id="new">，不能直接点“Use Left”<li>遇到 <code><!-- START: feature-x -->这类标记性注释冲突，优先看两侧实际 DOM 是否重叠，注释本身可酌情清理 - 中间窗格支持完整编辑：可删冲突标记、补闭合标签、调整缩进 —— 改完务必点 Apply（不是 Ctrl+S），否则 Git 不认为冲突已解决
- 立即在浏览器中打开本地
index.html，检查布局、脚本加载、控制台报错 - 如果项目配了
html-validate或eslint-plugin-html，运行一次校验（npm run lint:html） - 提交前执行
git add index.html，确认git status中它已移出Unmerged paths，进入Changes to be committed
冲突解决后别跳过验证步骤
Apply 后只是告诉 Git “我理清了”，不代表 HTML 语法正确或渲染正常：
最容易被忽略的是：三向对比器里点 Apply 后，文件内容虽已更新，但 PhpStorm 编辑器标签页可能还显示旧的冲突标记状态 —— 关闭再重开该文件，或按 Ctrl+F5 强制重载编辑器视图，才能看到干净的 HTML。
