ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

draw.io 桌面版 Windows 离线安装完整指南:3 种安装包逐一讲清

draw.io 桌面版 Windows 离线安装完整指南:3 种安装包逐一讲清

draw.io 桌面版 Windows 离线安装完整指南:3 种安装包逐一讲清

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

draw.io 安装在 Windows 上并不只是下载一个 exe 那么简单:官方发布 3 种安装包,断网机器还要多做几步适配。draw.io 桌面版是用 Electron(一个用 Chromium 做内核打包桌面应用的框架)封装的绘图程序,装完之后全程不联网也能画,图、配置、历史记录都留在这台机器上。这篇文章按"判断环境 → 选包 → 落地 → 验证"的顺序走,装完你就能在政企内网、机房终端、外带交付这类场景里直接用。

1. 下载前,先回答你机器上的 3 个问题

场景先放一边,先把机器情况摸清楚。这三个答案决定了你后面每一步怎么走:

  1. 处理器是什么架构?右键"此电脑"→ 属性,看"系统类型"一栏。绝大多数机器是 x64,直接选常规包;如果是 ARM64 设备(部分骁龙、Surface 新款笔记本),要选文件名里带arm64的原生包,否则只能跑在模拟层里,又慢又费电。
  2. 你有没有管理员权限?这决定 NSIS 整机型装不装得下。能弹 UAC 提权窗口就没事;公司机器点"是"都点不了的话,直接排除它。
  3. 这台机器以后联网吗?运行本身不依赖网络,但安装包必须先在有网的机器上下载好,通过 U 盘或摆渡介质拷过去。后面第 4 节还会处理"启动时自动连网检查更新"这个多余动作。

2. 📦 3 种安装包,对号入座

Windows 发布页上你能找到下面三种。表格里的"文件关联"指装完后双击.drawio、.vsdx、.mmd这类文件会不会自动唤起 draw.io:

文件名(<版本号>处填实际版本)安装范围需要管理员文件关联一句话定位
draw.io-<版本号>-windows-installer.exe(NSIS 安装器,装到Program Files的传统安装包)整机,所有账号可见是会注册自己电脑、长期使用的默认选择
draw.io-<版本号>.msi仅当前用户目录否会注册没权限的办公机;换 Windows 账号后该账号要用还得再装
draw.io-<版本号>-windows.zip(便携版,解压即用)解压到哪算哪否不注册U 盘携带、用完即走的临时场景

我的默认建议很直接:机器能提权就选 NSIS 整机型,它是发布的主路径,行为最标准。MSI 用户型是给"有账号但没权限"的办公机留的口子,装完只对你这个 Windows 账号生效。便携版最省事也最不顺手——因为不注册文件关联,.drawio双击没反应,你得先启动draw.io.exe再手动打开文件。

ARM64 设备注意一个细节:官方为它单独发了draw.io-arm64-<版本号>-windows-arm64-installer.exe(NSIS,需管理员)和draw.io-arm64-<版本号>-windows-arm64-no-installer.exe(便携)两个包;MSI 和商店版只有 x64,在 ARM64 上只能模拟运行。详见仓库 README.md 的 Windows on Arm 一节。

3. 🔧 装完接着画:第一张图 5 步落地

不管选了哪种包,装完之后的路径是一样的:

  1. NSIS/MSI 走安装向导默认下一步即可;便携版把 zip 解压到一个短英文路径(路径里有空格或中文偶尔会出怪问题),双击里面的draw.io.exe。
  2. 从开始菜单启动 draw.io。窗口分三块:顶部是 File、Edit、View 一行菜单,左侧是带搜索框的形状面板,中间是网格画布,右侧是样式面板。
  3. 在左侧 General 分类里按住一个矩形拖到画布松手,再拖一个第二个形状;从第一个形状边缘按住拉线到第二个,连线就生成了。
  4. 单击选中形状,右侧面板调填充色、边框、字号。
  5. 顶部 File → Save,存成.drawio文件。NSIS 和 MSI 版已经注册了关联,下次双击文件直接续改;便携版则按前面说的先启动程序再打开。

顺带一个容易疑惑的行为:draw.io 每个用户只允许一个运行实例。你从开始菜单再点一次图标,它不会开第二张画布,只是把焦点切回已有窗口——这不是坏了,是设计如此。

4. 🛡️ 断网机器的适配:2 个设置 + 2 个习惯

这部分是离线环境和联网环境真正的分界线,4 件事按顺序做掉。

把更新检查彻底关掉

应用每天会去外网查一次新版本,断网机器上这次检查必然失败,轻则没效果,重则弹窗烦人。两种关法,效果一样:

  • 系统层面:设置环境变量DRAWIO_DISABLE_UPDATE=true(用户变量即可,只对当前账号生效);
  • 快捷方式层面:右键桌面或开始菜单里的 draw.io 快捷方式 → 属性 → 目标栏末尾加一个空格再写--disable-update。

如果你其实偶尔能联网、只是不想让它偷偷下更新,把上面换成--no-silent-update:保留检查,但下载前会先问你。

把图目录定期拷出去

draw.io 的本地数据(含 Local Storage 里的缓存内容)存放在C:\Users\<用户名>\AppData\Roaming\draw.io\,AppData 是 Windows 默认隐藏的用户级程序数据目录,地址栏输入%AppData%\draw.io能直接跳过去。你的.drawio源文件本身存哪算哪,但这个目录一旦机器硬盘出事,连带丢失。断网环境没有云端兜底,定期把这个文件夹整个拷到别的盘,就是全部备份方案。

双击.drawio没反应或被别的程序抢了

两种成因:一是别的工具先注册了同类关联,二是你用的是便携版本来就没注册。处理动作:右键文件 → 打开方式 → 选 draw.io → 勾选"始终使用此应用打开"。便携版用户如果嫌每次两步太麻烦,回头换 MSI 用户型即可,它不弹权限框也会注册关联。

别打开来路不明的.drawio

应用本身的内容安全策略会屏蔽远程 JavaScript,图数据也不会往外发。但有一个口子:如果图里嵌了 URL 引用的图片、背景或字体,打开文件时这些资源仍会按 URL 发起请求——对方服务器能收到你的 IP 等元信息。所以来源不明的.drawio不要直接开,自己画的图里也别随手粘外链。

5. ⚙️ 进阶:不打开窗口批量导出

图多了不想逐个点开,draw.io 的命令行可以直接干:

drawio --export --format png --output out.png flow.drawio

三个高频参数:--format支持 pdf、png、jpg、svg、xml、html;文件有多页时加--all-pages把全部页导出为一个 PDF;输入是文件夹时加--recursive,子目录里的文件一并转换。完整参数列表跑drawio --help看,还支持透明背景(--transparent)、缩放(--scale)、只导出指定页(--page-index)等。

6. 可选:从源码自打包(日常使用可跳过)

只有你想改代码或验证某个改动时才需要走这条,装官方包覆盖 99% 的需求。两条前提:Node.js 22.12 以上(package.json 的engines字段写明了下限);克隆必须带--recursive——因为绘图核心编辑器是 git 子模块(一个嵌在仓库里的独立项目),不带这个参数克隆下来是空壳,构建直接失败。

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

第二行里sync负责把版本号对齐,disableUpdate防止你的构建自动更新回官方版把你的改动冲掉。然后打包(PowerShell):

$env:DRAWIO_UNSIGNED="true"; npx electron-builder --config electron-builder-win.json --publish never

产物落在dist/。注意自打包没有代码签名,首次启动 SmartScreen 会警告,选"更多信息 → 仍要运行"即可。更完整的流程(含 GitHub Actions 云端构建)以 doc/BUILDING_FOR_PERSONAL_USE.md 为准。

7. ✅ 最后验证两件事

  1. 画一个形状、连一条线,File → Export as → PNG。导出的图片能打开、图形完整,说明安装和导出链路全通。
  2. 双击刚才保存的.drawio(便携版跳过这条):能直接唤起 draw.io 并打开文件,说明文件关联正常。

两条都过,这台离线机器就可以放心交付;哪条卡住,回到第 4 节按小节顺序核一遍,基本都能对号入座。

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

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进