企业官网建设流程全解析

draw.io 桌面版：离线画图 10 分钟完整指南

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

draw.io 桌面版是一款免费（Apache 2.0 许可）的离线绘图工具，基于 Electron，不联网也能画流程图、UML、网络拓扑图，直接导出 PNG、SVG、PDF 等六种格式，还支持用命令行批量转换整个目录的图表文件。本文带你完成三件事：装好应用、画出并导出第一张图、用一条命令批量转换，全程约 10 分钟。

桌面版真的不需要联网吗？

先说最常见的顾虑：真的可以离线。启动后唯一的网络请求是版本更新检查（关掉的方法见文末），浏览器层的 Content Security Policy 禁止执行任何远程脚本，你的图表内容不会发到任何地方，应用也不收集使用统计。

有一点要注意：如果图表文件里用 URL 引用了外部图片、背景或字体，打开文件时会去请求这些资源以保证渲染正确。打开来源不明的 .drawio 文件，相当于向那些 URL 暴露你的 IP——内容本身不外传，但内网环境里要留个心眼。

从零到第一张图：最短上手路径

安装方式取决于你手里有没有管理员权限，三种里挑一种就行：

• 没有管理员权限：选.msi（装到当前用户目录）或no-installer.exe（绿色版，解压即用）
• 有权限、想整机安装：选installer.exe（装到 Program Files，注册文件类型关联）
• 想跟进开发版或二次构建：需要 Node.js 22.12 以上，克隆后直接跑：

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop && npm install npm start

克隆必须带--recursive，编辑器本体是个 git 子模块（在drawio/目录里），缺了它项目打不开。加DRAWIO_ENV=dev启动会顺带打开 DevTools，调试方便。

启动后界面就三块：左侧图形库（顶部是形状搜索框，往下是 General 等分类，底部 "More Shapes..." 展开全部形状）、中间画布（无限缩放平移，底部页签可让一个文件包含多页）、右侧属性面板（选中元素后调字体、网格、背景、纸张规格）。拿到第一个结果最快：从图形库拖一个矩形到画布，再拖一个，用连线工具连起来，然后File → Export As → PNG。新建文件时可以直接套用内置模板（流程图、UML、网络拓扑），存成个人模板后以后新建直接复用。

画完的图怎么导出

先给结论：用途不同，格式不同——贴文档用PNG，多页用PDF，嵌网页用SVG。都在File → Export As里完成。

贴进文档的图存成什么？

格式选PNG，导出对话框里能设边距、缩放，日常单张导出就到这里，不需要别的绕路。

多页图表怎么合成一个 PDF？

格式选PDF，勾选All pages，文件里每一页按顺序排进同一个 PDF。配合底部页签的"一个文件多页"，架构图和流程图可以放同一个文件里分别维护，导出时再合一。

导出透明背景怎么做？

导出对话框勾选Transparent background（仅对 PNG、SVG 生效）。图要贴到深色底的 PPT 上时，这一项能省掉后期抠图。

⚡ 一整目录图表怎么批量转换

要一次转几十张图，别在界面上点——装好的 draw.io 桌面版本身就是个命令行工具：

drawio -x -r -f png -t ./diagrams

-x导出、-r递归子目录、-f png格式、-t透明背景，一条命令把./diagrams整个目录递归转成透明底 PNG。其他高频选项：--all-pages多页转 PDF、--border 10四周留白、--scale 2输出两倍尺寸、--theme dark深色背景。输入不限于 .drawio 文件——Visio 的.vsdx、.csv、Mermaid 的.mmd都能直接导入转换。完整参数定义在 src/main/args.js，跑一下drawio -h可看全部帮助。

真实会踩的坑 ❓

以下三个问题是被问得最多的，每条先给结论。

怎么关掉启动时的更新检查？

环境变量或启动参数二选一：设DRAWIO_DISABLE_UPDATE=true，或启动时追加--disable-update。集中管理的部署推荐用参数，方便统一管控；判断逻辑在 src/main/electron.js 里，Flatpak 版本则自行关闭、无需处理。

设置和本地缓存在哪？

都在系统用户目录的一个地方：

• macOS：~/Library/Application Support/draw.io
• Windows：C:\Users\<用户名>\AppData\Roaming\draw.io\

应用偏好通过 electron-store 持久化，也在同一目录里，迁移或清理数据时认准这里就行。

能改代码自己构建吗？

能。项目是 Apache 2.0 许可，fork 之后设DRAWIO_UNSIGNED=true跳过签名和公证，就能构建自己的未签名版本，完整步骤见 doc/BUILDING_FOR_PERSONAL_USE.md。官方仓库不接受外部 PR，自改版本仅供个人使用，而且更新方式变成了"拉取 → 重新构建 → 重装"。

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop