draw.io 桌面版断网画图安装到出图 10 分钟【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版是 JGraph 官方的 Electron 绘图应用把 draw.io 编辑器整体打包进本地离线即可画流程图、UML 和架构图。它默认不向任何服务器发送图表数据只在启动时检查一次版本更新按 Apache 2.0 许可免费使用。适合需要把图表留在内网、或经常在弱网环境作图的工程师。快速判断值不值得装适合谁解决什么问题明显局限画架构与流程图的工程师、内网与弱网用户离线绘图图表数据不出本机编辑器核心封闭不接受外部代码提交一个真实场景高铁上补完架构图上周客户评审前你在高铁上发现架构图还差一个网关模块没画。车厢里没有可用网络网页版工具连登录都走不通。桌面版直接打开就能用形状库随安装包在本地拖一个形状进画布、连好线、补上标签。全程没有产生对外请求到站前导出 PNG 发给同事源文件留着回公司再改。这类数据必须留在本地的场合正是它存在的理由。首次上手draw.io 离线安装与第一张图官方安装包从发布页下载对应平台的包即可。Windows 有三种形态NSIS 安装器装到 Program Files 且需要管理员权限MSI 按用户安装免管理员另有免安装的绿色版macOS 与 Linux 各有对应包。源码编译需要本地构建时要求 Node 22.12 以上clone 必须带 --recursive 才能拉取 drawio 编辑器子模块git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start画第一张图只需要四步启动后直接进入空白画布无需登录。从左侧形状库拖一个矩形到网格上双击输入文本。再拖一个形状从第一个形状边缘的连接点拖线自动吸附并对齐。File → Save as 保存 .drawio 源文件要图片就走 File → Export as → PNG。本地存储与设置都落在应用数据目录位置如下系统数据存储位置macOS~/Library/Application Support/draw.ioWindowsC:\Users用户名\AppData\Roaming\draw.io\Linux~/.config/draw.io功能巡礼遇到问题时用哪个功能图形堆完想自动整理 → Layout 自动布局verticalFlow、horizontalTree 等预设→ 一次把手动连线排成可读层级。图表要进 Git 管理 → 保存 .drawio 或导出 XML均为纯文本→ diff 可读版本历史可追踪。图片要塞进深色网页 → 导出时开启透明背景命令行参数为 --transparent→ PNG/SVG 无白底。一个目录的图都要出图 → 命令行批量导出参数定义见 args.js → 一条命令处理整个文件夹可进 CI 脚本drawio -x -f png -r -o out .macOS 上想快速瞄一眼 → Finder 里按空格键触发 Quick Look → 不打开应用也能预览 .drawio。draw.io 导出 PNG从空白画布到出图的完整动线从一张空白画布开始把形状库里的矩形拖进网格双击写文本再拖一个菱形从矩形边缘的连接点拖向菱形连线自动对齐。画错就按 CtrlZ 撤销想恢复再按 CtrlY位置差一两像素时用 Ctrl 加方向键微调视图乱了就 Ctrl0 缩回 100%。最后 File → Export as → Images 选 PNG按需设置缩放与边距点 Export 完成熟练后整条链路约三分钟。快捷键作用CtrlZ / CtrlY撤销 / 重做Ctrl 方向键按 1px 微调位置Ctrl0缩放回到 100%Ctrl 滚轮缩放画布空格 拖动平移画布技术底座draw.io 为什么能离线工作资源本地化与内容安全策略drawio 编辑器以 git 子模块形式内嵌在仓库的 drawio/ 目录构建时整体打进安装包JavaScript 自包含。主进程 electron.js 给渲染进程注入 default-src self 的 CSP 头禁止运行远程脚本连接也只允许指向自身contextIsolation 始终开启nodeIntegration 关闭。渲染与主进程的通信走 electron-preload.js 的 contextBridge 白名单只暴露约定好的 API。数据存在哪设置由 electron-store 持久化在上面的 userData 目录LocalStorage 与 SessionStorage 也落在同一文件夹。图表文件本身只是你另存的 .drawioXML应用不会替你上传任何东西也不收集使用分析数据。更新检查何时触发应用只在启动时经 electron-updater 检查一次 GitHub 上的新版本发现更新后默认静默下载、退出应用时安装。设置 DRAWIO_DISABLE_UPDATEtrue 或启动参数 --disable-update 可完全关闭Flatpak 环境下会自动关闭。检查失败只弹出一个提示手动下载的对话框不影响绘图本身。避坑draw.io 桌面版常见现象现象源码启动后是空白页 → 原因clone 时漏了 --recursivedrawio 子模块是空的 → 处理重新带 --recursive 克隆或在目录里执行 git submodule update --init。现象打出的包版本号不对 → 原因构建前没同步版本版本取自 drawio/VERSION → 处理先执行 npm run sync 再构建。现象内网机器启动即弹更新失败 → 原因访问不到更新源 → 处理用 --disable-update 或环境变量关闭检查。现象打开陌生来源的 .drawio 时出现对外请求 → 原因图内嵌了外部图片/字体 URL渲染时会去抓取 → 处理只打开可信来源的图图表内容不会外发但你的 IP 会暴露给那个外部服务器。现象Windows 安装时要求管理员权限 → 原因选了装到 Program Files 的 NSIS 版 → 处理改用 MSI按用户安装或绿色便携版。结论一句话只要要求是离线画图、数据不出本机draw.io 桌面版可以直接纳入工具链。先拿一张旧图试走一遍保存 .drawio → 导出 PNG确认顺手再批量迁移。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考