draw.io 桌面版教程离线安装并导出你的第一张架构图【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop周五前要把架构图导出发给客户电脑却连不上外网。draw.io 桌面版是一款免费开源的离线绘图工具本教程带你完成安装、画图、导出 PNG 的完整流程全程不依赖联网。一分钟认识 draw.io 桌面版它不是网页版套壳而是把 draw.io 核心编辑器包进 Electron 的官方桌面客户端专门用来离线画流程图、UML 图和架构图。是什么基于 Electron 的官方桌面应用功能与在线版核心一致画布、形状库、导出都在本地完成。开源许可采用 Apache-2.0 协议不修改代码、按现状接受的话可自由用于任何目的。支持平台Windows、macOS、Linux 三大系统都有对应安装包。隐私设计默认与互联网隔离除启动时的更新检查外图表数据不向外部发送也没有使用统计。⚡ 最快跑起来下载与首次启动最短路径是去官方发布页下载对应系统的安装包双击装好就能用不需要写代码。先确认你的系统架构再下载对应的版本你的系统该下哪个版本Windows 64 位最常见64 位安装包Windows 32 位老机器32 位win32安装包Windows ARM64如 Surface Pro XARM64 安装包Intel 芯片 MacIntelx64版M 系列芯片 MacARM64 版Linux对应架构的 AppImage 或 deb 包查看方法Windows 看设置 → 系统 → 关于里的系统类型Mac 点苹果菜单 → 关于本机看处理器Linux 在终端跑uname -m。装好后双击启动会直接看到一张带网格的空白画布左侧是形状库这就说明装成功了。如果你要二次开发或定制才需要从源码构建。先装好 Node.js 22.12 及以上版本然后git clone https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm startnpm start会直接从源码把应用跑起来改完不用打包就能看到效果。各平台的打包命令分别由electron-builder配置文件驱动例如 Windows 64 位见 electron-builder-win.json。✏️ 跟做完一张真实的图跟着做五步就出一张能导出的流程图。新建点左上角 File → New画面是一张带浅色网格的空白画布。拖图形在左侧形状库的 General 分类里拖一个矩形Rectangle到画布松手后它会自动对齐到网格上。连线把鼠标移到图形边缘出现黄色的连接点按住拖到第二个图形再松开会生成一条带箭头的连接线。改样式单击选中图形在右侧的格式Format面板里改填充色、边框和字体改动即时生效。导出点 File → Export as → PNG选好保存位置目录里就出现了一张图片文件。每步都看得到即时反馈拖到画布图形会高亮连线时另一端悬停会显示可吸附的点。这样一张开始 → 处理 → 结束的简单流程图就画完了。⚙️ 真正影响体验的几个设置只挑三个最影响日常使用的设置讲透。关闭自动更新纯离线环境必做。应用启动时会联网检查新版本内网机器上这一步可能一直转圈。想彻底关掉启动时加参数--disable-update或设置环境变量DRAWIO_DISABLE_UPDATEtrue后再启动。改完应用就不再碰网络适合公司统一管控的机器。找到数据存放位置备份就看这里。你的图表和偏好都存在本地应用数据目录里WindowsC:\Users\用户名\AppData\Roaming\draw.io\macOS~/Library/Application Support/draw.ioLinux~/.config/draw.io/想备份时直接复制这个目录即可。导出时选对格式。要插进文档或发图用 PNG要放大打印不糊用 SVG矢量要留一份还能继续编辑的备份直接保存.drawio原文件。同一个图导出多种格式互不覆盖。⚠️ 新手最常踩的 3 个坑坑一用便携版后双击.drawio文件打不开。后果便携免安装版不会注册文件类型关联你每次都得先打开程序再手动把文件拖进去。 解法日常使用就装 NSIS 或 MSI 安装版它们会自动关联文件类型坚持用便携版的话去系统设置里手动把.drawio关联到该程序。坑二以为开了新窗口其实还在旧实例里。后果draw.io 同一时间只允许运行一个实例。你已经有一个窗口开着时再启动新内容是在旧实例里开出来的你新带的启动参数或改动不生效还以为是程序出 bug。 解法启动前先确认旧的 draw.io 已经完全退出再重新启动。坑三没有管理员权限安装包直接失败。后果draw.io-版本-windows-installer.exeNSIS 安装器是装到 Program Files 的全局安装需要管理员权限权限不够会装不上或卡住。 解法没权限就改选.msi按用户安装不需要权限或者直接用便携版三选一都不会被权限挡住。 适合谁不适合谁一张表帮你对号入座判断它能不能进你的工作流。适合你如果这些边界要注意需要离线画流程图、UML、架构图需要多人实时协作编辑桌面版不支持实时协作只能靠文件共享做异步协作重视数据本地保存、隐私隔离期待安装后自动更新到官方最新版一旦关闭更新升级要手动下载新包覆盖无管理员权限、想绿色便携使用追求插件生态或深度定制扩展桌面版没有插件系统改代码走个人构建下一步去发布页下好你系统的安装包装起来按上面的五步把一张流程图导成 PNG。装完就能直接离线开工。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 draw.io 桌面版教程：离线安装并导出你的第一张架构图
draw.io 桌面版教程离线安装并导出你的第一张架构图【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop周五前要把架构图导出发给客户电脑却连不上外网。draw.io 桌面版是一款免费开源的离线绘图工具本教程带你完成安装、画图、导出 PNG 的完整流程全程不依赖联网。一分钟认识 draw.io 桌面版它不是网页版套壳而是把 draw.io 核心编辑器包进 Electron 的官方桌面客户端专门用来离线画流程图、UML 图和架构图。是什么基于 Electron 的官方桌面应用功能与在线版核心一致画布、形状库、导出都在本地完成。开源许可采用 Apache-2.0 协议不修改代码、按现状接受的话可自由用于任何目的。支持平台Windows、macOS、Linux 三大系统都有对应安装包。隐私设计默认与互联网隔离除启动时的更新检查外图表数据不向外部发送也没有使用统计。⚡ 最快跑起来下载与首次启动最短路径是去官方发布页下载对应系统的安装包双击装好就能用不需要写代码。先确认你的系统架构再下载对应的版本你的系统该下哪个版本Windows 64 位最常见64 位安装包Windows 32 位老机器32 位win32安装包Windows ARM64如 Surface Pro XARM64 安装包Intel 芯片 MacIntelx64版M 系列芯片 MacARM64 版Linux对应架构的 AppImage 或 deb 包查看方法Windows 看设置 → 系统 → 关于里的系统类型Mac 点苹果菜单 → 关于本机看处理器Linux 在终端跑uname -m。装好后双击启动会直接看到一张带网格的空白画布左侧是形状库这就说明装成功了。如果你要二次开发或定制才需要从源码构建。先装好 Node.js 22.12 及以上版本然后git clone https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm startnpm start会直接从源码把应用跑起来改完不用打包就能看到效果。各平台的打包命令分别由electron-builder配置文件驱动例如 Windows 64 位见 electron-builder-win.json。✏️ 跟做完一张真实的图跟着做五步就出一张能导出的流程图。新建点左上角 File → New画面是一张带浅色网格的空白画布。拖图形在左侧形状库的 General 分类里拖一个矩形Rectangle到画布松手后它会自动对齐到网格上。连线把鼠标移到图形边缘出现黄色的连接点按住拖到第二个图形再松开会生成一条带箭头的连接线。改样式单击选中图形在右侧的格式Format面板里改填充色、边框和字体改动即时生效。导出点 File → Export as → PNG选好保存位置目录里就出现了一张图片文件。每步都看得到即时反馈拖到画布图形会高亮连线时另一端悬停会显示可吸附的点。这样一张开始 → 处理 → 结束的简单流程图就画完了。⚙️ 真正影响体验的几个设置只挑三个最影响日常使用的设置讲透。关闭自动更新纯离线环境必做。应用启动时会联网检查新版本内网机器上这一步可能一直转圈。想彻底关掉启动时加参数--disable-update或设置环境变量DRAWIO_DISABLE_UPDATEtrue后再启动。改完应用就不再碰网络适合公司统一管控的机器。找到数据存放位置备份就看这里。你的图表和偏好都存在本地应用数据目录里WindowsC:\Users\用户名\AppData\Roaming\draw.io\macOS~/Library/Application Support/draw.ioLinux~/.config/draw.io/想备份时直接复制这个目录即可。导出时选对格式。要插进文档或发图用 PNG要放大打印不糊用 SVG矢量要留一份还能继续编辑的备份直接保存.drawio原文件。同一个图导出多种格式互不覆盖。⚠️ 新手最常踩的 3 个坑坑一用便携版后双击.drawio文件打不开。后果便携免安装版不会注册文件类型关联你每次都得先打开程序再手动把文件拖进去。 解法日常使用就装 NSIS 或 MSI 安装版它们会自动关联文件类型坚持用便携版的话去系统设置里手动把.drawio关联到该程序。坑二以为开了新窗口其实还在旧实例里。后果draw.io 同一时间只允许运行一个实例。你已经有一个窗口开着时再启动新内容是在旧实例里开出来的你新带的启动参数或改动不生效还以为是程序出 bug。 解法启动前先确认旧的 draw.io 已经完全退出再重新启动。坑三没有管理员权限安装包直接失败。后果draw.io-版本-windows-installer.exeNSIS 安装器是装到 Program Files 的全局安装需要管理员权限权限不够会装不上或卡住。 解法没权限就改选.msi按用户安装不需要权限或者直接用便携版三选一都不会被权限挡住。 适合谁不适合谁一张表帮你对号入座判断它能不能进你的工作流。适合你如果这些边界要注意需要离线画流程图、UML、架构图需要多人实时协作编辑桌面版不支持实时协作只能靠文件共享做异步协作重视数据本地保存、隐私隔离期待安装后自动更新到官方最新版一旦关闭更新升级要手动下载新包覆盖无管理员权限、想绿色便携使用追求插件生态或深度定制扩展桌面版没有插件系统改代码走个人构建下一步去发布页下好你系统的安装包装起来按上面的五步把一张流程图导成 PNG。装完就能直接离线开工。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考