企业官网建设流程全解析

draw.io 桌面版离线画图工具：装好 5 分钟画出第一张流程图

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

draw.io 桌面版（drawio-desktop）是 draw.io 编辑器的官方 Electron 封装：装上就能离线画流程图、UML 和架构图，图表数据不离开你的电脑。它面向不想依赖网络、账号和云同步的开发者、项目经理与教师，免费且基于 Apache 2.0 许可，当前版本 31.4.2。

30 秒速览

一张表看懂这个项目，细节后面各节再展开。

安装：先对照，再动手

先按芯片架构选包，没有管理员权限就选按用户安装的方案。

需要源码构建时，核心编辑器是 git 子模块，必须递归克隆；要求 Node.js 22.12 及以上：

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

每个命令背后对应一个配置文件：electron-builder-linux-mac.json 同时覆盖 macOS 的 dmg 与 Linux 的 AppImage、deb、rpm；electron-builder-win.json 负责 Windows x64 的 NSIS 与 MSI 包。

第一次打开：最短路径跑通

双击装好的应用，5 步内就能交出一份 .drawio 文件。

1. 双击启动，中间是空白网格画布，左侧是形状面板，底部是 Page-1 页面标签。
2. 在左侧 General 分类里点住一个矩形，拖到画布上。
3. 再拖一个矩形；鼠标悬停图形边缘会出现连接锚点，从锚点拖线接到另一个图形，连线即建成。
4. 双击任意图形，直接输入文字。
5. 需要加页时点底部标签旁的 + 按钮；网格显示在右侧 Diagram 面板调整。
6. 点 File → Save，选目录命名，默认扩展名 .drawio，文件保存到你选择的目录。

嵌进日常工作的 3 种用法

写技术文档：架构图画好后，用命令行批量导出成 PDF 或 PNG 直接嵌进文档。

drawio -x -f pdf 架构图.drawio drawio -x -f png -r diagrams/

-r对整个文件夹递归转换，.vsdx、csv 和 Mermaid 文件同样支持。这样最顺：图存在 git 里，出图一条命令，改完重跑即可。

团队异步协作：把 .drawio 文件纳入 git，每次提交对应一版图。交接时直接把文件发给同事，对方用桌面版打开即可。这样最顺：git 历史就是图的版本史，没有云端账号这一环。

教育培训离线授课：断网教室用drawio --disable-update启动即可正常授课，下课前把讲义图导出 PDF 发给学生。这样最顺：全程零网络依赖，.vsdx 文件也能直接打开，习惯 Visio 的老师零迁移成本。

它不做什么：边界与数据去向

桌面版默认只连网一次：启动时的版本检查，数据本身永不外发。

• 不支持实时协作。桌面版定位是离线工具，官方安全目标就是与互联网隔离。
• 画布没有硬性大小上限，但单页图形太多会掉帧，复杂图建议拆多页、分图层。
• 商业项目可免费使用：Apache 2.0 允许任意用途，前提是不改代码、按「原样提供」使用；该项目不对外接收贡献，改动只能自用。

完全断网的内网环境，启动时加参数即可关掉版本检查：

drawio --disable-update

或设置环境变量DRAWIO_DISABLE_UPDATE=true。有一个例外要留意：图表里若引用了外部图片、背景或字体，打开时会向对应地址发请求。打开来路不明的图表前，先留个心眼。

翻车急救表

四五个高频问题，一行一招，对号入座。

免费、离线、数据不出本机，从装好到出图不超过 5 分钟。

• 把 .drawio 文件纳入 git 版本管理
• 给系统数据目录做一次整目录备份
• 用drawio -x -f png为一份文档批量生成全套 PNG

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