webstorm三向合并视图解决vue文件冲突需手动清除
WebStorm 的三向合并视图能直接解决 Vue 文件的文本级冲突，但必须手动清理 、<code>=======、>>>>> branch-name 这三行标记，否则 Git 仍认为文件处于冲突状态——哪怕你已点过 Apply。
冲突文件在哪？别在项目树里翻，看 Version Control 窗口
Vue 项目里改了 src/views/Login.vue，别人也动了同一块 <template></template>，执行 git merge feature/auth 后：
- 冲突不会出现在 “Local Changes” 标签页
- 不会靠文件颜色或图标暗示
- 正确入口是 Version Control 工具窗口（默认快捷键 Alt+9），找顶部红色节点 Merge Conflicts
- 如果没看到这个节点，说明：
-
git merge命令根本没跑成功（比如分支名拼错） - 目标分支其实没新提交，Git 没触发冲突检测
- 你当前还在
feature/auth上，却想把main合进来——WebStorm 不会自动切分支
三向视图里 Mine 和 Theirs 到底对应哪边？
双击 Login.vue 进入合并界面后：
- 左侧是 Mine：你当前所在分支（比如 main）的最新提交内容
- 右侧是 Theirs：你要合进来的分支（比如 feature/auth）的最新提交内容
- 中间是 Base（共同祖先）+ 你最终要提交的内容，**只有这里编辑才生效**
- 注意：这个左右顺序固定，不随你 checkout 哪个分支而变。右键冲突块选 Resolve using Mine 是删右边全部，不是“保留我写的逻辑”——如果右边改了 API 返回字段、左边删了调用，直接选可能 runtime 崩溃。
Apply All Non-Conflicting Changes 按钮到底能不能信？
这个按钮只做一件事：把左右两边完全不重叠的行，原样合并进中间面板。它对以下情况完全无感：
- <script setup></script> 里同名 const user = ref(null) 左右都改了值
- <template></template> 中一个加了 v-if，另一个删了整个 <div>
- <code><style scoped></style> 里同个 class 的 padding 值被两边分别改成 8px 和 12px
- 它从不删 这三行标记，也不校验 import 是否重复、ref 类型是否兼容
- 实操建议：点完按钮后，立刻扫一遍中间面板有没有残留标记；按 <code>Ctrl+Alt+O 优化 import，再按 Ctrl+Alt+L 格式化——否则 CI 可能因缩进/分号/引号报错。
点完 Apply 就完事了？漏这三步等于白干
中间面板改完 → 点 Apply：只是把内容写回文件，Git 还不知道你已解决
- 必须右键该文件 → Git → Add（或 Ctrl+K 提交时勾选）
- 合并提交后，去 Log 标签页确认最顶上是不是带 Merge branch 'feature/auth' 的提交
- 最后一定要 VCS → Git → Push，否则别人拉不到你的合并结果
- 容易忽略的坑：
- Vue 单文件组件里
<script></script>和<template></template>跨区域冲突，图形工具无法感知语义，得靠人眼判断逻辑是否连贯 - 属性冲突（比如
.gitattributes改了*.vue text eol=lf）不会出现在Merge Conflicts节点，而是在Update Info标签页标为property conflict，需手动处理
