draw.io插件在vscode中打不开编辑器，主因是未安装桌面版且在线模式未配置；类图字体无法修改因模板锁定样式；导出png模糊需调高分辨率或改用svg；.drawio文件git冲突难解，建议隔离版本、导出png评审。
Draw.io插件装完打不开编辑器
VSCode里装了 drawio-diagrams 插件，但点开 .drawio 文件没反应，或弹出空白页——大概率是本地没启 draw.io 桌面版，又没配好在线模式。
插件默认优先调用本地桌面版（需单独下载安装），失败后才 fallback 到网页版。但网页版需要联网且依赖 VSCode 的 WebView 安全策略，某些企业网络或代理会拦截 https://app.diagrams.net 的资源加载。
- 确认是否已安装
draw.io Desktop（非浏览器书签！），版本建议 ≥24.0.0；装完重启 VSCode - 若不想装桌面版，在设置里搜
drawio.diagrams.desktopPath，清空该值；再搜drawio.diagrams.useOnline，设为true - 如果仍白屏，检查 VSCode 是否禁用了 WebView：在命令面板运行
Developer: Toggle Developer Tools，看 Console 有无ERR_BLOCKED_BY_CLIENT或 CSP 相关报错
类图里改不了类名/属性字体大小
拖一个 Class 形状进来，双击改名，但字号始终很小、加粗无效——这不是编辑器 bug，而是 draw.io 默认把类图元素当「模板实例」处理，字体样式被底层样式表锁死了。
真正生效的方式不是右键「编辑文本」，而是选中整个类图形（边框高亮），然后在右侧格式面板或顶部菜单栏操作：
- 改字体大小：必须用
Format → Style → fontSize=14（不能只改文本框内选中的字） - 加粗字段：在类体内部双击进入编辑，但要先按
Ctrl+B（Win）或Cmd+B（Mac）触发富文本，再选中文字加粗；纯文本模式下加粗按钮灰色不可用 - 避免用「UML Class」模板直接拖拽——它带固定样式；改用
General → Rectangle手动分三栏画，完全可控
流程图导出 PNG 模糊、线条锯齿
导出的图放大后发虚、箭头边缘毛刺，尤其嵌入 Markdown 或 PPT 时特别明显——根本原因是 draw.io 默认导出分辨率是 96dpi，而现代屏幕/打印普遍要 150–300dpi。
VSCode 插件不暴露导出参数界面，得手动改配置或换方式：
- 导出前，在画布空白处右键 →
Page Setup...→ 把Scale改成200%，再导出 PNG；等效于提升原始绘制分辨率 - 更稳妥：用插件右上角
Export as...→ 选SVG；SVG 是矢量格式，缩放无损，VSCode 内置预览也支持 - 如果必须 PNG，别用插件内置导出，而是在图打开状态下按
Ctrl+Shift+P→ 输入drawio.export→ 选Export as PNG (High DPI)（部分版本需开启实验功能）
和 Git 协作时 .drawio 文件冲突难合并
.drawio 是 XML 文件，看似可读，但实际 diff 几乎不可读：每次保存都会重排属性顺序、插入时间戳、更新 ID，两个分支一改就全红，手动 merge 等于重画。
这不是 VSCode 或插件的问题，是 draw.io 自身设计决定的。能做的只有收敛协作方式：
- 禁止多人同时编辑同一张图；用文件名 + 版本号隔离，比如
auth-flow-v2.drawio，而不是auth-flow.drawio - 提交前用插件右键 →
Minify XML（如有），减少空格/换行差异；但注意 minify 后无法用 git blame 追溯具体行修改 - 关键图建议截图存
.png到 docs 目录，XML 文件仅作源码备份；评审时以 PNG 为准，避免陷入 XML 冲突泥潭
draw.io 的 XML 不是为协同设计的，它本质是个序列化快照。想靠 Git 做增量协作，不如接受它只是“草稿存档”角色。
