如何 3 步装好 draw.io 桌面版:免费离线绘图工具新手完整指南
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
draw.io 桌面版是一款基于 Electron 的免费离线绘图工具,用于绘制流程图、UML 等图表。它采用 Apache 2.0 许可,工作学习都能免费用,适合需要在本机画图、不依赖网络的人。下文以 Windows 为例,把 draw.io 桌面版安装过程讲完。
📌 draw.io 桌面版是什么:一句话定位
draw.io 桌面版是把 draw.io 核心编辑器打包进 Electron 的官方桌面应用,编辑器内嵌在程序里,断网也能用。
核心卖点:
- 离线也能画:应用默认与互联网隔离(仅更新检查联网),图表数据不会发送到任何外部服务器
- 免费且开源:Apache 2.0 许可,随便用,不用付费
- 双击即开文件:安装版自动注册
.drawio、.vsdx、.mermaid文件关联,Visio 文件也能直接导入 - 三种安装形态:整机安装、按用户安装、便携版,按你的权限自选
📦 按角色选包:该下载哪个安装包
官方发布页提供三种 Windows 包,另外还有 Microsoft Store 版本(同样是按用户安装、无需管理员权限)。对号入座:
个人日常用— 文件名draw.io-<版本号>-windows-installer.exe(NSIS 版),需要管理员权限,装到 Program Files,功能最完整,会自动注册文件关联。
企业批量部署— 文件名draw.io-<版本号>.msi,不需要管理员权限,按用户装到个人目录,没有管理员权限的公司电脑也能装。
临时试用— 文件名draw.io-<版本号>-windows-no-installer.exe,不需要任何权限,下载即运行;但不注册文件关联。
💻 装之前先确认:系统要求
先对照这张表,避免下错架构的版本:
| 检查项 | 最低 | 推荐 |
|---|---|---|
| 处理器架构 | x64 或 ARM64,看“设置→系统→关于” | x64,最常见 |
| 账户权限 | 无权限也能装(便携版/MSI 版) | 有管理员权限时 NSIS 更省事 |
| 网络 | 不需要,完全离线可用 | 安装时联网以启用更新检查 |
| 额外组件 | 无 | 源码构建需 Node.js 22.12 及以上 |
🚀 draw.io 桌面版安装步骤(3 步)
- 先确认架构:打开“设置→系统→关于”,看“系统类型”,x64 就下 x64 包,ARM 处理器下 ARM64 包。
- 到项目发布页,按上一节选好的文件名下载对应安装包。
- 双击安装包,按提示走完。装好后双击
.drawio文件即可直接打开 draw.io 桌面版。
🖥 第一次打开:界面看这三块
左边是形状库,负责拖拽图形;中间是画布,用来摆放图表;右边是属性面板,调整图形与页面设置。操作流程一句话:从左侧拖、在中间画、在右侧调。
⚙️ 装好之后:用起来的几个细节
怎么禁用更新检查
默认启动时应用会检查一次 GitHub 是否有新版本。想彻底关掉,设置环境变量DRAWIO_DISABLE_UPDATE=true,或启动时传--disable-update参数,参数说明见 src/main/args.js。
我的数据存在哪里
本地数据和会话数据都在C:\Users\<用户名>\AppData\Roaming\draw.io\目录(即%APPDATA%\draw.io\),定期复制这个目录备份即可。
文件关联是怎么生效的
NSIS 和 MSI 安装版会自动注册.drawio、.vsdx、.mermaid三类扩展名;便携版不注册,需要右键文件选“打开方式”,找到 draw.io 的可执行文件设为默认。关联规则可在 electron-builder-win.json 里核对。
网络边界划到哪
界面部分的内容安全策略(CSP)禁止运行远程加载的 JavaScript,应用自身网络连接也仅限自己,无法外传图表。一个例外:图表里若引用了外部图片、字体等资源,打开图表时会请求这些地址,所以打开陌生来源的文件要留意。
🛠 遇到问题先查这里
| 现象 | 一句话解法 |
|---|---|
双击.drawio被别的程序打开 | 便携版没注册关联,用“打开方式”指定 draw.io 可执行文件并设为默认 |
| 装 NSIS 版要求管理员权限,但你没权限 | 换 MSI 版(按用户安装,免权限)或便携版 |
| 跑自己构建的版本提示“Windows 已保护你的电脑” | SmartScreen 警告,点“更多信息→仍要运行”,自构版本身未签名 |
| 自定义构建被自动更新换回官方版 | 先执行npm run sync -- disableUpdate停掉自动更新再重新打包 |
| 启动自构建版,却弹出官方应用的新窗口 | 每个用户只允许一个运行实例,先退出已在运行的 draw.io |
想从源码构建?
需要 Node.js 22.12 及以上。核心编辑器是 git 子模块,必须递归克隆,然后直接运行:
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start要打包安装版就跑npm run release-win,产出 x64 的 NSIS/MSI。修改 fork 构建未签名版本的完整流程见 doc/BUILDING_FOR_PERSONAL_USE.md。
先到这里。打开模板库画一个三个节点的简单流程图,再导出成 PNG,整套流程你就跑通了。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考