双击 .drawio 文件打不开绘图界面，是因为 vscode 默认未将其关联至 drawio-diagrams 插件，仅当手动绑定后缀并指定“open with draw.io diagram”或在 settings.json 中配置 "files.associations": { "*.drawio": "drawio" } 才能正常启动图形编辑器。
必须用 .drawio 后缀，且手动绑定文件类型，否则双击只显示 XML 源码，根本进不了图形编辑器。
为什么双击 .drawio 文件打不开绘图界面？
VSCode 默认不把 .drawio 当作绘图文件处理——它只是个未关联的文本后缀。插件不会自动接管，必须显式告诉 VSCode：“这个后缀归 drawio-diagrams 管”。
- 右键
.drawio文件 → “Open With” → 选Draw.io Diagram（不是“Default Editor”） - 首次成功后，VSCode 通常会记住；若没记住，手动进
settings.json加这行："files.associations": { "*.drawio": "drawio" } - 别用
.xml、.diagram或.dio替代——只有.drawio被 drawio-diagrams 官方插件稳定支持 - 装错插件也会失败：只认
drawio-diagrams（作者 hediet），不是vscode-drawio或无连字符的draw.io
保存时哪些操作会导致图表不可编辑或协作失败？
Draw.io 插件有两种保存路径：本地文件 vs 云端链接。后者生成的是 https://draw.io/... 地址，无法 Git 跟踪，离线打不开，同事也加载不了。
- 新建图时，务必选
Create New Diagram→Blank Diagram (Local)，避开From Cloud或From Template - 画布里用了网络图片（如
https://xxx.png）？导出时可能丢失——应先下载到项目目录（如docs/assets/），再用相对路径插入 - 编辑完一定要按
Ctrl+S（Win）或Cmd+S（Mac）手动保存；插件默认不自动写盘，关标签前没保存=白画 - 文件编码建议统一为
UTF-8+LF换行，避免 Windows/Mac 协作时 XML 解析异常
怎么让 SVG 导出结果还能双击继续编辑？
点击 Export as SVG 得到的永远是扁平化渲染图——<path></path> 堆出来，没元数据，不能改逻辑。真正可编辑的只有 .drawio 文件本身。
- 需要“能编辑的 SVG”，唯一可靠做法是：先用
Export as draw.io file得到flow.drawio，再把它当源码容器用 - 想塞进
.svg后缀？得手动构造：复制<mxgraphmodel>...</mxgraphmodel>内容，base64 编码，塞进注释<!-- drawio:base64:... -->，再包一层<svg></svg>标签 - 别改后缀骗自己：把
flow.drawio直接重命名为flow.svg，draw.io 网页版根本识别不了——它只认标准注释格式 - VSCode 插件至今（v1.7+）没提供
Export as editable SVG选项，别在设置里白找
最易被忽略的一点：Draw.io 插件的编辑器是沙箱 Web View，它不读系统字体、不同步 VSCode 主题缩放、也不访问本地文件系统。所有导出质量、字体渲染、连线行为，都以 diagrams.net 官方 Web 版为准——不是 VSCode 的锅，也改不了。
