draw.io 桌面版完整指南从安装到画出第一张流程图10分钟入门【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop写技术文档、准备教学材料或是规划自己的项目总需要一款能把流程图、架构图画清楚的软件。draw.io 桌面版是一款基于 Electron 框架可以理解为把网页应用打包成桌面软件的技术的开源绘图工具全程离线运行图表数据只留在你自己的电脑里支持 .drawio、.vsdx、.png、.pdf 等多种格式。这篇文章按装好、看懂界面、画出第一张图、用得更顺、出问题怎么办的顺序展开新手照着做 10 分钟就能产出第一张流程图。️ 打开就是三栏界面各区域负责什么首次启动后整个窗口可以拆成四块来认识区域承担的工作左侧形状库按分类存放预设图形顶部有搜索框底部还能加载更多专业形状库中央画布带网格背景的主绘图区画布大小不受限制右侧属性面板图表级别的设置网格开关与大小、纸张尺寸等改动即时生效顶部菜单栏File、Edit、View、Arrange 等菜单核心功能入口都收在这里菜单栏下方是一条工具栏日常使用最频繁的几个按钮是缩放比例控制、撤销/重做、对齐、连接线以及铅笔和橡皮擦这类自由绘制工具。 挑一个适合你环境的 draw.io 桌面版安装方式Windows 有四种包先弄清权限再下手NSIS 安装程序文件名形如installer.exe装到 Program Files对整台机器生效需要管理员权限MSI 安装程序.msi只装到当前用户目录不需要管理员权限没有管理权的电脑选它便携版no-installer.exe下载后直接运行不安装、不需要权限Microsoft Store 版APPX从商店按用户安装同样不需要管理员权限。NSIS 和 MSI 两种安装程序会自动注册文件关联装完后双击 .drawio 文件就能直接打开便携版不做关联需要自己手动设置。先确认电脑架构再选对应版本Windows打开设置 → 系统 → 关于查看系统类型macOS点左上角苹果菜单 → 关于本机看芯片型号Linux终端里执行uname -m。你的系统应该拿哪个包Windows x6464 位包覆盖面最广Windows ARM64ARM64 包对应 Surface Pro X 这类设备Windows ia3232 位包老机器用macOS IntelIntel 版macOS Apple SiliconARM64 版对应 M 系列芯片 从源码构建 draw.io克隆、装依赖、出安装包编辑器本体draw.io 代码是以 git 子模块的形式挂在桌面版仓库里的所谓子模块就是一个指向另一个仓库的目录所以克隆时必须带上递归参数否则只拿到外壳git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop进入仓库目录后执行npm install安装依赖要求 Node.js 22.12 及以上版本。如果只是想先跑起来看看执行npm start即可启动应用加--enable-logging参数便于调试时看日志。要产出可分发的安装包则用 package.json 里预置的 release 命令npm run release-win # 64 位 Windows npm run release-win32 # 32 位 Windows npm run release-win-arm64 # ARM64 Windows npm run release-linux # Linux / macOS构建完成后安装包落在dist目录。每个命令背后对应一份 electron-builder 配置文件64 位 Windows 用 electron-builder-win.jsonLinux 和 macOS 共用 electron-builder-linux-mac.json仓库根目录下还有 win32、ARM64、Store 版、snap 各自对应的同类配置。fork 后改动代码、打一个仅供自己用的未签名包流程写在 doc/BUILDING_FOR_PERSONAL_USE.md 里。 数据与隐私图表存在哪应用不能做什么默认就是断网状态draw.io 桌面版的设计目标是与应用完全隔离互联网唯一例外是启动时检查一次新版本。所有 JavaScript 资源都打包在本地内容安全策略一种限制页面能加载哪些脚本的机制直接禁止运行远程脚本官方也明确图表内容从不外发不收任何使用统计。有一个边角情况要心里有数图表里可以嵌入外部资源引用比如从 URL 加载的图片、背景或字体。打开文件时这些资源会被拉取以保证显示正常所以打开来源不可信的图表时可能会向被引用的地址发出请求暴露 IP 之类的元信息但图表内容本身不会被传走。本地存储路径备份照这里做系统数据目录WindowsC:\Users\你的用户名\AppData\Roaming\draw.io\macOS~/Library/Application Support/draw.ioLinux~/.config/draw.io/定期把上面这个目录拷贝出去就等于完成了全部图表数据的 draw.io 数据备份。彻底关掉自动更新适合必须完全离线的受管环境两种方式任选启动时加参数drawio --disable-update设置环境变量DRAWIO_DISABLE_UPDATEtrueWindows 用set DRAWIO_DISABLE_UPDATEtruemacOS/Linux 用export DRAWIO_DISABLE_UPDATEtrue✏️ 第一张流程图从空白画布到成品的 6 个动作File → New新建一个空白文档从左侧形状库把需要的图形拖进画布用工具栏的连接线工具把图形之间的关系连起来双击图形补上说明文字在右侧属性面板调整颜色、大小等样式File → Save以 .drawio 源格式存盘。三个让成果更整齐的小习惯拖完多个图形后用工具栏的对齐工具一键排齐在右侧面板打开 Grid 选项位置对齐更精确网格大小也可以调复杂图表按模块拆到不同页面用底部的页面标签切换管理。⚙️ 用得更顺手导出、形状库与团队共享加载更多形状库左侧面板底部的 More Shapes... 可以按需展开更专业的图形库覆盖特定领域需求。批量处理Edit 菜单提供批量操作入口一组图形要统一调整时比逐个点快得多。多格式导出PNG、PDF、SVG 等格式都支持按用途挑合适的导出格式即可。命令行批量转换桌面版自带命令行导出能力--export可以指定输出格式和目标写个小脚本就能把一批 .drawio 文件批量转成 PDF 或 PNG全部参数说明见 src/main/args.js。团队怎么共享桌面版面向离线使用、不做实时协作团队里通用的做法是把 .drawio 源文件纳入 Git 版本控制、用云存储定期同步再约定一套团队模板。后续想改代码主程序入口在 src/main/electron.js可以顺着它读下去。 排错手册常见症状与疑问速答最容易碰到的症状症状处理方式装完双击 .drawio 文件打不开NSIS、MSI 安装会自动注册文件关联便携版需手动设置关联启动速度慢检查是否有其他程序占用资源顺手清理临时文件画大图时卡顿减少同时打开的图表数量降低图形复杂度担心图表数据丢失定期备份前文给出的本地数据目录性能方面再给四条日常建议定期清理缓存和临时文件复杂图表用图层分区管理单页元素数量控制在合理范围导出时按用途选对格式别无脑全用高清大图。另外几个值得提前知道的答案是不是真的免费是Apache 2.0 许可证开源任何用途都可以用。支持哪些系统Windows 7 及以上、macOS 10.10 及以上以及主流 Linux 发行版。怎么升级应用会自动检查更新也可以手动下载最新安装包覆盖安装。能装插件吗桌面版目前没有插件系统核心功能本身已经比较完整。图表能画多大画布理论上无上限按电脑性能控制复杂度即可。在线版的图能导进来吗可以把在线版导出的 .drawio 文件拖进桌面版就能打开。支持实时协作吗不支持桌面版主打离线协作靠文件共享走异步方式。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考