企业官网建设流程全解析

drawio-desktop 实战：从离线画图到批量导出 PNG 只要 5 分钟

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

drawio-desktop 把 draw.io 官方编辑器打包成可安装的 Electron 本地应用：装完就能画，不依赖账号和网络，图表数据留在你自己的电脑里。

适合不想把架构图、流程图传到云端的开发、项目经理和教师。核心卖点就一个：完全离线可用。跟网页版最大的区别是没有云同步和实时协作，换来的是数据完全可控。Apache-2.0 许可，商业项目直接用不花钱，当前版本 31.4.2。

两步装完，尽量绕开管理员权限

去项目 release 页下载预构建包，按系统选：Windows 有 NSIS、MSI、便携版三种，macOS 是 dmg（Intel / Apple Silicon 都有），Linux 有 AppImage、deb、rpm，x64 和 ARM64 都覆盖。

没有管理员权限就选 MSI，装在用户目录下，双击 .drawio 也能直接打开。Microsoft Store（APPX）版同样按用户安装、无需权限。

需要自己构建时注意 Node.js 要 22.12 及以上，draw.io 核心编辑器是 git 子模块，clone 必须带--recursive：

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

跑完后dist/目录里就是 Linux 安装包；Windows 换成npm run release-win（x64）或npm run release-win-arm64。

五分钟画出第一张图

启动后中间是空白画布，左侧是形状面板。在面板里搜一个圆角矩形拖到画布上；鼠标悬停图形边缘会出现连接锚点，拖线接到另一个图形，连线就算建好了。双击任意图形直接输入文字。

完成后「文件 → 保存」，默认扩展名 .drawio。图复杂时用底部的页面标签拆成多页，缩放和网格在右侧面板调。

三件拿它真正干的事

写技术文档时批量出图：架构图画完后，文档里要的是 PNG，不是 .drawio 源文件。命令行一次导出，不用一张张截图：

drawio -x -f png 架构图.drawio

跑完同目录生成同名 PNG。输入是文件夹就加-r递归处理整个目录；除了 .drawio，还支持直接导 .vsdx、csv 和 Mermaid（.mmd/.mermaid）文件，格式可选 pdf、png、svg、jpeg、xml、html。

断网教室和纯内网环境：应用默认唯一的网络行为是启动时查版本。关掉它之后全程零联网：

drawio --disable-update

或者设环境变量DRAWIO_DISABLE_UPDATE=true，适合统一管控的装机环境。习惯 Visio 的人可以直接打开 .vsdx 文件，下课前把图导出 PDF 发给学员就行。

团队异步协作：桌面版没有实时共编，稳妥做法是把 .drawio 放进 git，每次提交对应一版图。交接时直接发文件，对方装上桌面版就能打开继续改；便携版放 U 盘里，借一台机器也能接着画。

它不会替你做的两件事

• 不做实时协作和云同步。官方态度很明确：任何"默认开启外部连接"的需求都不会被接受。
• 不传任何数据，但有个例外。应用不发送使用统计，CSP 禁止加载远程 JavaScript；不过图表里如果引用了外部图片、背景或字体，打开时会向那些地址发请求。打开陌生来源的图表前先扫一眼内容。

另外画布没有硬性大小上限，但单页图形太多会掉帧，建议拆页面并用图层组织。

真会被问到的问题

.drawio 双击打不开？便携版不注册文件关联。用 MSI 或 NSIS 装一次，或手动把 .drawio 的默认打开程序指到桌面版。

内网机器首次启动报错或卡住？是启动时的更新检查连不出去。加--disable-update或设DRAWIO_DISABLE_UPDATE=true即可。

图表数据存在哪，怎么备份？

整个目录拷走就是完整备份。

商业项目免费用可以吗？可以。Apache-2.0 允许任意用途，前提是不改代码、按"原样提供"使用。

读完做三件事

1. 把手头的 .drawio 文件加进 git，先提交一版。
2. 跑一次drawio -h，确认你机器上可用的全部导出参数。
3. 把上面的数据目录拷一份，做第一次备份。

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