draw.io 离线绘图桌面版:装对 Windows 安装包并关掉自动更新的完整指南

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

你的机器只允许本地工具、流量全走内网,今天要跑起 draw.io 桌面版(drawio-desktop)。它是 draw.io 绘图核心套了一层 Electron(把网页应用装进本地窗口运行的框架)打包的桌面程序,装完全程不依赖网络。读完这篇,你能选对 32/64/ARM64 三种架构对应的安装包,画出并导出第一张图,并把启动时的更新检查彻底关掉。

先选你的路

安装包 管理员权限 安装位置 文件关联(.drawio 等)
draw.io-<版本号>-windows-installer.exe(NSIS) 需要 Program Files 注册
draw.io-<版本号>.msi 不需要 当前用户目录 注册
draw.io-<版本号>-windows-no-installer.exe(便携版) 不需要 不安装,直接运行 不注册

怎么选:

  • 如果你有管理员权限且这台电脑长期自用,就选 NSIS 安装包。
  • 如果你在公司电脑上没有管理员权限,就选 MSI 按用户安装。
  • 如果你只想临时画图或拷进 U 盘带走,就选便携版,删文件夹即卸载。

架构对照也在此定:右键"此电脑"→"属性",看"系统类型"里"基于 XX 的处理器"一句——基于 x64 选默认包,基于 x86 选带 ia32 的 32 位包,基于 ARM(骁龙笔记本常见)选带 arm64 的包。64 位系统装 64 位包即可,不必找 32 位版。

📦 三步装好

  1. 双击对应架构的安装包,按提示点"下一步",NSIS 装到 Program Files,MSI 装到当前用户目录。
  2. 装完不要急着点"立即启动",先执行上一节末尾的关更新操作再启动,避免首次启动就联网。
  3. 从开始菜单打开 draw.io,每个用户只允许一个运行实例,重复启动只会聚焦已有窗口。

🖱️ 画出第一张图

  1. 主界面分三块:顶部 File / Edit / View / Arrange / Extras / Help 菜单,左侧带 Search Shapes 搜索框的形状面板,中间网格画布。
  2. 在左侧 General 分类按住矩形图标,拖到中央画布松手落位;找不到图形就在 Search Shapes 里搜英文名。
  3. 拖出第二个形状,从第一个形状边缘按住拖线到第二个形状,自动出现连接线。
  4. 单击选中形状,右侧面板切换成它的样式设置,改填充色、边框和字号;点空白画布则显示页面设置。
  5. File 菜单 → Save as 存成 .drawio 文件,双击即可继续编辑。

draw.io 桌面版主界面:左侧形状面板与中央网格画布

🔒 数据位置与关更新检查的两种方式

  1. 本地数据默认在 C:\Users\<用户名>\AppData\Roaming\draw.io\,备份图表定期拷贝这个目录即可。
  2. 应用默认启动时检查新版本,两种关闭方式:设置系统环境变量 DRAWIO_DISABLE_UPDATE=true,或在快捷方式目标末尾加参数 --disable-update
  3. 界面内容安全策略(CSP,限制网页能加载资源的策略)直接禁止远程 JavaScript,官方声明不向外发送任何图表数据。唯一例外:图表里若通过 URL 嵌了外部图片、背景或字体,打开文件时会请求这些地址,来源不明的 .drawio 文件要谨慎打开。

🛠️ 开发者支线:从源码构建

前提 Node.js 22.12 以上。核心编辑器是 git 子模块,必须递归克隆,构建细节见仓库内 doc/BUILDING_FOR_PERSONAL_USE.md

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop
cd drawio-desktop
npm install                    # 安装依赖
npm run sync -- disableUpdate  # 同步版本号并禁用自动更新
$env:DRAWIO_UNSIGNED="true"    # 跳过代码签名
npx electron-builder --config electron-builder-win.json --publish never
# 注释:构建 Windows 安装包,产物在 dist/,--publish never 表示不推送发布渠道

npm run release-win 这类脚本是给 CI 用的,会尝试发布产物,本地自用别走那条路。

出问题了怎么办

双击 .drawio 没反应或被别的程序抢走 现象:双击文件无响应,或弹出了其他程序。 原因:文件关联被占用,或便携版本来就不注册关联,这是预期行为。 解决:右键文件 → 打开方式 → 选"draw.io"并勾选"始终使用此应用打开";便携版用户先运行 exe,再用 File → Open 手动打开。

便携版拷进 U 盘后打不开 现象:U 盘里双击 exe 没反应,本机硬盘上正常。 原因:U 盘路径带空格、中文或盘符被占用,绿色程序对此最敏感。 解决:把 exe 原样拷回本机硬盘验证;U 盘里尽量放短英文路径,例如 E:\drawio\

自构建版安装时提示"Windows 已保护你的电脑" 现象:SmartScreen 拦截自签安装包。 原因:个人构建未做代码签名,属正常现象。 解决:点"更多信息"→"仍要运行"即可;构建时未设 DRAWIO_UNSIGNED=true 则会直接报签名错误。

✅ 30 秒自检清单

  •  系统类型里"基于 XX 的处理器"与所选安装包架构一致
  •  开始菜单能打开 draw.io,且重复启动只聚焦同一窗口
  •  设置 → Export as 能导出一张 PNG
  •  快捷方式目标带 --disable-update,或已设 DRAWIO_DISABLE_UPDATE=true
  •  C:\Users\<用户名>\AppData\Roaming\draw.io\ 目录存在

现在打开 draw.io,画两个矩形连一条线,用 File → Export as 导出一张 PNG,看到文件生成就跑通了。

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

更多推荐