
draw.io 桌面版完全安装指南30 秒选对安装包3 分钟画完第一张图【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版diagrams.net基于 Electron把网页技术打包成桌面程序的技术的免费开源绘图工具代码采用 Apache 2.0 许可覆盖 Windows、macOS、Linux 三大系统离线也能完整使用适合需要画流程图、UML、架构图的工程师和文档作者。本指南带你在 10 分钟内从没听过走到装好并保存第一张 .drawio 文件。一、先选安装包三个系统一张表看清Windows 发布页提供三种安装包差别在权限和文件关联安装包装到哪里要管理员权限吗注册文件关联吗NSIS 安装程序.exeProgram Files整机可用要是.drawio / .vsdx / .mmdMSI 包.msi当前用户目录不要是便携版no-installer.exe随便放哪免安装不要否拿不准就按这个口诀有管理员权限选 NSIS公司电脑没权限选 MSI只想 U 盘里跑跑选便携版。macOS 下载 dmg 即可x64、arm64、通用版都有Linux 则按发行版选 AppImage、deb 或 rpm 包均提供 x64 与 arm64 两种架构。下哪个架构先确认系统Windows打开设置 → 系统 → 关于看系统类型区分 64 位与 ARM 版。macOS苹果菜单 →关于本机标 Intel 就选 x64 版标 Apple M 芯片就选 arm64 版或直接选 universal 通用版。Linux终端运行uname -m返回x86_64选 x64返回aarch64选 arm64。二、安装双击两步走完想自己编译的看后半段到官方发布页下载上面对应的安装包。双击运行NSIS 程序按向导点完成弹出授权提示就允许MSI 直接装进当前用户目录macOS 把应用图标拖进应用程序文件夹Linux 的 AppImage 直接赋予可执行权限后运行。启动一次确认窗口能正常打开。NSIS 与 MSI 版本会自动注册 .drawio 文件关联之后双击图表文件即由它打开。想从源码自己构建的话先装好 Node.js 22.12 或更高版本版本号以 package.json 的 engines 字段为准然后git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm run release-win最后一条按系统换成release-win32、release-win-arm64或release-linux构建产物输出到 dist 目录。想改个人用途的构建行为可参考 doc/BUILDING_FOR_PERSONAL_USE.md。三、启动后 3 分钟画出第一张流程图打开后界面分三块先认位置再动手左侧形状库顶部 Search Shapes 框按名字搜图形General 分类里就是矩形、椭圆、菱形这些基础图形选中后直接拖进画布。中央画布默认带网格面积无限底部标签页可以建多个 Page复杂图建议拆页。右侧属性面板View 区域管网格、背景、纸张大小选中某个图形后这里切换成它的颜色、字体、线条选项。然后按这四步操作全程不用碰菜单拖一个开始椭圆和一个结束椭圆到画布。中间放一个菱形。用连线工具把三者接起来。双击每个图形输入文字。3 分钟后 File → Save 存成 .drawio 文件第一个成果就有了。四、你的图存在哪路径速查、备份与断网开关这个项目把离线隔离放在第一位除启动时的版本更新检查外不与互联网发生任何连接图表数据和操作行为都不外发也没有使用统计上报内容安全策略CSP限制页面能加载哪些资源的策略禁止执行远程 JavaScript。有一个例外要留意如果图里引用了网络上的图片、背景或字体打开时会去拉取这些资源所以陌生来源的 .drawio 文件要谨慎打开。各系统数据存储位置如下备份时把整个目录复制走即可系统存储路径WindowsC:\Users\用户名\AppData\Roaming\draw.io\macOS~/Library/Application Support/draw.ioLinux~/.config/draw.io/要彻底关掉自动更新适合完全离线的内网机器二选一启动时加参数--disable-update设置环境变量DRAWIO_DISABLE_UPDATEtrue五、出问题时对着查5 个常见现象和解法现象双击 .drawio 文件没被 draw.io 打开。解法便携版不注册文件关联换 NSIS 或 MSI 版本重装或右键文件打开方式手动指定程序。现象再启动一次应用只在已开窗口里新建了文件。解法同一用户只允许运行一个实例需要多开时先退出正在运行的 draw.io。现象打开别人分享的图某些图片位置是空白。解法图里引用了外部 URL 的图片离线加载不到让对方把图片转成本地嵌入后再导出。现象大图拖动卡顿。解法把元素多的部分拆到不同 Page或用图层管理减少单页图形数量。现象内网机器上启动时卡在更新检查。解法按上一节的方法加--disable-update或设DRAWIO_DISABLE_UPDATEtrue后重启。六、用到再看三个进阶用法按需加载形状集左侧形状库底部 More Shapes... 可以单独打开 UML、网络拓扑、电气等专业形状集不必一次性全部加载。导出选对格式File → Export as 支持 PNG、PDF、SVG 等技术文档插图选 SVG缩放不失真打印材料选 PDF。用 Git 管版本.drawio 文件内部是 XML 文本放进仓库后能做 diff 和版本回退团队约定统一模板即可异步协作。七、装完最常问的 4 个问题Q能用于工作项目吗收费吗能不收费。代码采用 Apache 2.0 许可只要不改代码、接受按现状提供任何用途都可以用。Q在线版导出的文件能直接用吗能。在线版导出的 .drawio 文件直接拖进桌面版就能打开无需转换。Q能打开 Visio 文件吗可以。安装包注册了 .vsdx 文件关联Visio 导出的文件能直接打开编辑。Q支持装插件吗桌面版没有插件系统内置形状库和模板已覆盖常见绘图场景。到这里日常只剩三件事画图、保存、定期备份存储目录。想深入构建配置可以看 electron-builder-win.json主程序入口在 src/main/electron.js。形状库、导出格式、Git 协作这三节用到哪节翻哪节即可。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考