离线也能画专业图表：draw.io 桌面端从安装到构建配置的完整指南-港品优选

离线也能画专业图表：draw.io 桌面端从安装到构建配置的完整指南

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

上周给评审画架构图，断网后在线版直接打不开。draw.io 桌面版是基于 Electron 的离线绘图工具，图表数据全部存在本地。本文从选包、安装讲起，覆盖构建配置与日常排障。

项目速览

基于 Electron 封装 draw.io 核心编辑器，覆盖 Windows / macOS / Linux 三大平台
完整离线使用：画图、导出都不依赖网络，无账号、无云同步
支持 .drawio、.vsdx、Mermaid（.mmd）打开，以及 PNG、PDF 等格式导出
与在线版的关键差异：数据不落服务器，默认唯一的网络行为是启动时的更新检查

获取与部署：确认系统架构并选对安装包

安装方式对比

安装方式	适用场景	权限要求	文件关联
NSIS 安装程序（.exe）	日常个人使用，全机安装	需要管理员	自动注册
MSI 安装包（.msi）	无管理员权限 / 企业按用户部署	不需要	自动注册
便携版（no-installer）	临时使用、U 盘携带	不需要	不注册
Microsoft Store（APPX）	Windows 商店渠道安装	不需要	自动注册

确认系统架构

Windows：设置 → 系统 → 关于，查看“系统类型”
macOS：苹果菜单 → 关于本机，查看处理器信息
Linux：终端执行uname -m

系统类型	推荐包
Windows x64	64 位安装程序
Windows ARM64	ARM64 版本
Windows ia32	32 位（win32）版本
macOS Intel / Apple Silicon	x64 / arm64 或通用版
Linux x64 / arm64	AppImage、deb 或 rpm

推荐路径：新手直接选与架构匹配的 NSIS 安装程序（macOS 选 DMG、Linux 选 AppImage），双击安装后文件类型自动关联，首次启动即可画图。备选路径：没有管理员权限选 MSI 按用户安装；企业批量部署用 MSI 或 Store 版本；需要定制或二次开发的开发者从源码构建。

源码构建

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm run release-win

构建产物输出在dist目录；其他架构对应release-win32、release-win-arm64、release-linux等脚本。

界面与核心操作

区域	用途
顶部菜单栏与工具栏	文件操作、缩放、撤销/重做、对齐工具
左侧形状库	预设图形与模板，支持搜索
中央绘图区	无限画布，网格背景
右侧属性面板	网格、背景、纸张大小等图表设置
底部页面栏	多页面管理与新增页面

画第一张图

File → New，新建图表
从左侧形状库拖出图形
用连接工具连线
双击图形添加文字
File → Save 保存

三条上手技巧：

网格：在右侧面板勾选 Grid，可调网格间距，定位更准
对齐：用工具栏对齐工具批量对齐多个图形
多页面：底部页面栏的“+”新增页面，按模块拆分复杂图表

🛡️ 数据安全与离线策略

默认情况下应用与网络隔离，仅启动时检查更新；内容安全策略（CSP）禁止运行远程 JavaScript，图表数据与使用统计均不会外发。应用数据（含本地存储）位置：

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

彻底关闭自动更新

# 启动参数 draw.io --disable-update # 或环境变量 export DRAWIO_DISABLE_UPDATE=true

进阶：构建配置与扩展

构建配置文件一览

配置文件	用途
electron-builder-win.json	Windows 64 位 NSIS + MSI 构建
electron-builder-win32.json	Windows 32 位构建
electron-builder-win-arm64.json	Windows ARM64 构建
electron-builder-linux-mac.json	Linux（AppImage/deb/rpm）与 macOS（dmg）构建
electron-builder-appx.json	Microsoft Store（APPX）构建

各配置均注册 .drawio、.vsdx、.mmd 的文件关联，产物统一输出到dist。

协作与自动化场景的可落地做法：

将 .drawio 文件纳入 Git，基于文本 XML 可 diff 和回滚
用脚本把 .drawio 批量导出为 PNG/PDF，接入文档生成流程
维护一份团队模板文件，统一形状与命名约定

二次开发的关键入口：主进程src/main/electron.js、预加载脚本preload.js。

排障速查

Q：安装后双击 .drawio 文件打不开？A：便携版不注册文件关联，换用 NSIS/MSI 安装程序，或在系统里手动设置默认打开程序。

Q：启动速度慢？A：首次启动需加载本地资源，后续会快；关闭占资源的后台程序，或清理数据目录中的缓存文件。

Q：大图表拖拽卡顿？A：减少单页图形数量，用多页面拆分复杂图表，避免单页元素过多。

Q：如何备份图表数据？A：定期整体复制上文“数据安全”一节给出的数据目录即可。

Q：在线版导出的文件能打开吗？A：可以直接打开 .drawio 文件；.vsdx 与 Mermaid（.mmd）同样支持。

高频问题（FAQ）

Q：draw.io 桌面版完全免费吗？A：是。Apache 2.0 许可证，不改代码即可用于任何用途。

Q：支持哪些操作系统？A：Windows 7 及以上、macOS 10.10 及以上，以及主流 Linux 发行版。

Q：支持插件扩展吗？A：桌面版没有插件系统，但导入/导出、多页面等核心功能已覆盖常用需求。

Q：图表有大小上限吗？A：画布理论上无限，实际受机器内存与性能限制，建议合理控制单页复杂度。

Q：支持实时协作编辑吗？A：桌面版面向离线使用，不支持实时协作；通过共享文件实现异步协作。

下次断网再遇到评审要图，直接在桌面版上接着画即可。建议先建一张简单流程图熟悉形状库与网格设置，然后把它提交到项目 Git 仓库，作为团队的第一个图表模板。

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

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

企业官网建设流程全解析