drawio-desktop 完整指南：免费离线绘图桌面应用，从安装到批量导出

drawio-desktop 完整指南免费离线绘图桌面应用从安装到批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop同事发来的 Visio 流程图你手边是一台 Linux 笔记本在线编辑器要先登录而图里还有不方便上传外网的信息。drawio-desktop 就是为这种场景准备的它是 draw.io 编辑器的官方 Electron 桌面构建一款免费、开源、可完全离线的绘图桌面应用Windows、macOS、Linux 都能跑适合需要画内部网络拓扑、保密流程图的开发者与架构师。 安装步骤四种安装包与一种源码方式直接装的话去仓库的 releases 页面下预构建包即可。Windows 有四种形态按你的权限情况挑安装包安装范围是否需要管理员NSIS 安装器-windows-installer.exe全机器Program Files需要MSI 安装器.msi当前用户不需要便携版-windows-no-installer.exe免安装直接运行不需要但不注册文件类型关联Microsoft StoreAPPX当前用户不需要没有管理员权限的机器选 MSI 或便携版最省心。想从源码跑起来改它、调试它需要 Node.js 22.12 和 npmgit clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start小贴士--recursive不能省核心编辑器是以 git 子模块放在drawio/目录里的漏掉它构建必失败。已经克隆过的话补一句git submodule update --init即可。️ 第一张图从空白画布到保存文件的六步启动后是熟悉的三栏布局左侧形状库带搜索框、中间画布、右侧属性面板。drawio-desktop 启动后的三栏式界面形状库、画布与属性面板新建文件菜单选 New拿到空白画布拖放从左侧 General 区把矩形、菱形拖到画布连接用连接工具从一个形状锚点拖向另一个输入双击形状直接打字调整在右侧面板改网格、背景、连接箭头等选项保存存成本地.xml文件或在导出对话框里出 PDF / PNG / SVG启动后如果画布打不开或行为怪异用npm start --enable-logging重启一次终端日志会直接指出原因。⚙️ 批量导出一条命令转换整个文件夹图从一张变成几十张之后命令行模式是桌面版最有价值的差异化能力。它支持的输入除了 draw.io 自己的格式还包括 VSDX、CSV 和 Mermaid.mmd/.mermaidnpm start -- -x -r -f pdf -o ./out ./diagrams各参数含义参数作用-x--export启用导出模式-r--recursive递归处理子文件夹里的所有文件-f pdf--format输出格式可选 pdf、png、jpg、svg、xml、html默认 pdf-o ./out--output输出目录省略时按输入文件名加格式后缀输出还有几个值得知道的开关-p n选页1 起计、-g from..to选页范围、-t给 PNG/SVG 设透明背景、--crop把 PDF 裁到图面大小。完整的参数定义都在 src/main/args.js 这一个文件里读完它就掌握了全部 CLI 能力。乱图导出前可以先自动排布--layout支持六个预设npm start -- -x -f svg --layout verticalFlow -o ./out ./diagrams预设名为verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic也可以传 JSON 数组用自定义布局序列。注意批量导出前先退出已安装的官方 draw.io。应用同一用户只允许一个运行实例——官方版本开着时你从命令行启动的副本只会往官方应用里开一个新窗口改动不生效。 兼容性VSDX、CSV、Mermaid 直接打开结论Visio 文件能直接打开而且打开后可继续编辑不是只读预览。桌面版内置 VSDX 导入模块把 Visio 文件转成 draw.io 格式后可以正常编辑再导出为 PDF / SVG / PNG / XML。CSV 表格和 Mermaid 文本.mmd、.mermaid同样可作为图来源直接打开加--mermaid-image true还能让 Mermaid 文件以静态图而非可编辑图的形式呈现。典型用法把文档里积压多年的 Visio 老图批量转成 PDF 嵌进 Wiki不用专门开一台装 Visio 的 Windows 机器。 离线隔离默认不联网结论除了启动时一次可选的版本检查应用不建立任何网络连接也不采集使用统计。README 的 Security 一节写得很直白应用设计上与互联网完全隔离。具体机制有三层更新检查是唯一默认的联网行为——启动时查新版本可彻底关闭所有 JavaScript 自包含界面的 Content Security Policy 明确禁止运行远程加载的脚本应用自身的网络请求被限制为只连自己图表内容不会外发要关掉更新检查两种方式任选export DRAWIO_DISABLE_UPDATEtrue npm start -- --disable-update第一种是环境变量适合统一管理的内网环境第二种是启动参数适合临时使用。注意图表本身可以内嵌外部资源——比如嵌在图里的图片、背景或字体 URL——打开图表时应用会去请求这些地址以便正常渲染。它不会传出图表内容但会向对方服务器暴露你的访问行为含 IP。陌生来源的图表要小心打开。官方也表明立场安全和隔离是这个项目的第一目标任何默认开启外连的功能请求都会被拒绝。 图表数据与缓存存哪里LocalStorage、SessionStorage 连同你的图全部落在用户应用数据目录清缓存和备份都去这里系统路径macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\ 许可与贡献方式结论Apache 2.0 许可个人和商业使用都免费但项目对外部代码贡献关闭。README 里 Not open-contribution 一节解释了原因编辑器复杂度高连小改动都可能牵动大量其他部分测试成本远超直觉社区 PR 基本会被推倒重写。维护者欢迎 bug 报告和功能建议代码变更基本由内部消化。想改代码自己用官方留了清晰的路径fork 之后按 doc/BUILDING_FOR_PERSONAL_USE.md 构建未签名的个人版。核心两步是设置DRAWIO_UNSIGNEDtrue跳过签名与公证以及npm run sync -- disableUpdate关掉自动更新防止把你的改动悄悄换回官方版。构建脚本和发布流程的更多细节见 doc/RELEASE_PROCESS.md。❓ 三个高频问题Q1桌面版和在线版 draw.io什么区别核心编辑器是同一套区别在运行环境桌面版完全离线、数据落本地、带命令行导出大图的加载和导出比浏览器里稳在线版依赖浏览器和登录态。Q2为什么不能直接提 PR 修一个 bug因为项目长期对外部贡献关闭官方希望所有变更走内部流程保证质量。你的两条路是提 issue 报告问题或 fork 后按个人构建指南自己改。Q3完全断网的内网能用吗能。用DRAWIO_DISABLE_UPDATEtrue或--disable-update关掉唯一的默认联网行为后整个应用不再有任何外连需求。 下一步想搭环境或改它从 DEVELOPMENT.md 的环境要求看起想构建个人版doc/BUILDING_FOR_PERSONAL_USE.md 有含 macOS 隔离标志、SmartScreen 警告处理在内的完整步骤想查某个导出参数src/main/args.js 是参数全集的唯一定义处装好之后先画一张最简单的流程图试试手遇到不顺手的地方直接去仓库提一个 issue。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考