三步在Windows离线装好draw.io桌面版:无网络绘图新手指南
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
把架构图交给客户前,你还得先把图表上传到别人的服务器上,这一步让人不踏实。draw.io桌面版解决的就是这个问题——它是 draw.io 在线绘图工具的官方 Electron(用浏览器内核打包桌面应用的框架)桌面构建,装好后在 Windows 上离线创建流程图、UML 图,图表数据不上传。
draw.io桌面版速览:它能做什么
一句话:这是基于 Electron 的官方离线绘图应用,采用 Apache 2.0 许可,不改代码即可免费用于任何用途。
- 离线绘制流程图、UML 图、网络拓扑图,画图过程不依赖网络
- 打开并编辑 .drawio 文件,兼容 .vsdx、.mmd/.mermaid 文件
- 通过命令行把图表批量导出为 PNG、SVG、PDF 等格式
- 图表与运行数据全部存在本地目录,不向外部服务器发送图表内容
安装draw.io桌面版前的30秒检查
- 右键"此电脑"→"属性",看"系统类型":64 位操作系统 + x64 处理器选 x64 文件,ARM 处理器选 arm64 文件。
- 确认本机是否有管理员权限:没有就选 MSI 或便携版。
- 若打算在无网环境长期使用,建议提前禁用更新检查,见数据去向部分。
发布页文件名统一为draw.io-<版本号>-…,当前版本 31.4.2,按下表后缀选择:
| 安装类型 | 适用场景 | 是否需管理员 | 文件关联 |
|---|---|---|---|
| NSIS 安装程序 | x64,整机安装 | 需要 | 自动注册 |
| MSI 安装包 | x64,无管理员 | 不需要 | 自动注册 |
| 便携版 | x64,临时使用 | 不需要 | 不注册 |
| ARM64 安装程序 | ARM 处理器机器 | 需要 | 自动注册 |
NSIS 和 MSI 会自动关联 .drawio、.vsdx、.mmd/.mermaid 文件,双击即可用 draw.io 打开。
主路径:最简安装流程(NSIS 安装程序)
- 打开项目的发布页,找到 31.4.2 对应的 64 位安装文件,下载
draw.io-31.4.2-windows-installer.exe。 - 双击该文件,弹出用户账户控制提示时点"是"(此安装为整机安装,需管理员权限)。
- 安装位置默认在 Program Files,可以修改,点"安装"继续。
- 完成后点"关闭",从开始菜单启动 draw.io。
- 首次启动会联网做一次版本检查;离线机器上这步跳过即可,不影响绘图。
备选与进阶路径
MSI 安装包按用户安装到当前用户目录,不需要管理员权限,适合公司里没有管理员权的电脑。
便携版(-windows-no-installer.exe)免安装,复制到 U 盘双击即用,但不注册文件关联。
另外发布页还有 Microsoft Store 的 APPX 版本,同样按用户安装、无需管理员权限。
想自己改代码构建时,需要 Node 22.12 及以上,完整说明见 doc/BUILDING_FOR_PERSONAL_USE.md:
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop # 克隆仓库及 drawio 编辑器子模块 cd drawio-desktop # 进入项目目录 npm install # 安装依赖(要求 Node 22.12+) npm start # 直接从源码运行应用验证 # ……省略版本同步步骤…… set DRAWIO_UNSIGNED=true # 声明跳过代码签名(未签名构建) npx electron-builder --config electron-builder-win.json --publish never # 构建 x64 NSIS 和 MSI,产物在 dist/draw.io桌面版的数据去了哪里
Windows 上,Local Storage 和 Session Storage 默认存在C:\Users\<用户名>\AppData\Roaming\draw.io\,macOS 在~/Library/Application Support/draw.io。
网络边界:默认只有更新检查会联网(启动时访问 github.com,更新包来自 GitHub 的 AWS S3 桶);图表数据和用量统计不对外发送,内容安全策略(浏览器侧的安全策略)也禁止执行远程加载的 JavaScript。
一个例外:图表内若嵌了外部图片、背景或字体链接,打开该图表时会向对应 URL 发起请求。
想进一步收紧:设置环境变量DRAWIO_DISABLE_UPDATE=true,或启动时加--disable-update参数,即可彻底关闭更新检查。
draw.io桌面版高频问题速答
Q:如何完全禁用自动更新?A:设置环境变量DRAWIO_DISABLE_UPDATE=true,或启动参数加--disable-update,二选一即可。
Q:图表数据备份去哪里做?A:Windows 下直接复制C:\Users\<用户名>\AppData\Roaming\draw.io\文件夹。
Q:双击 .drawio 文件为什么没打开?A:便携版不注册文件关联,双击不会唤起应用;改装 NSIS 或 MSI 版本即可自动打开。
Q:首次运行被 Windows 拦截怎么办?A:自行构建的未签名安装程序会触发 SmartScreen 提示,点"更多信息"→"仍要运行";官方签名版本没有此提示。
装完立刻做的第一步
打开应用,从模板库选一个预设流程图放到画布上,再用"文件→导出为"存成 PNG。
下次要交架构图时,直接在本地画完就导出,不用再把图表传上云。挑对架构对应的安装文件,现在就可以装起来试试 ✏️
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考