企业官网建设流程全解析

draw.io 桌面版：5 分钟装好离线绘图工具

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

drawio-desktop 是 draw.io（diagrams.net）官方基于 Electron 打包的桌面版，把网页编辑器变成可安装、可离线运行的本地绘图应用，画流程图、架构图时数据全部留在本机。当前版本 31.4.2，采用 Apache 2.0 许可。

项目画像

• 谁在用：需要离线画图、不愿把图传上云的开发者、项目经理、教师
• 解决什么：断网环境照样画流程图与架构图，图表不出本机
• 边界：不做实时协作，也不接受外部代码贡献
• 许可：Apache 2.0，允许商用；当前版本 31.4.2

🖥️ 装对环境

机器没有管理员权限时，改用 MSI 版（安装到当前用户目录）或 Microsoft Store 的 APPX 版；完全不想安装就用 no-installer 便携版，注意它不会注册文件关联，双击 .drawio 不会自动打开。

源码构建要求 Node.js 22.12 及以上（package.json 中 engines 声明 >=22.12.0）：

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

核心编辑器 drawio 是 git 子模块，clone 必须带--recursive，否则构建失败；产物输出到dist/目录。Windows 64 位用npm run release-win，对应配置见 electron-builder-win.json 与 electron-builder-linux-mac.json，未签名的个人构建流程记录在 doc/BUILDING_FOR_PERSONAL_USE.md。

第一次跑通

1. 安装后启动应用（无管理员权限时用 MSI 版或 Store 版）
2. 从左侧形状面板的 General 分类拖一个矩形到画布上
3. 鼠标悬停在图形边缘出现连接锚点，把线拖到另一个图形上完成连线
4. 双击图形直接输入文字
5. （可选）点底部页面标签的 + 新增页面，把复杂图拆开画
6. 文件 → 保存，选择目录并命名，扩展名默认 .drawio

典型用法

技术文档配图：命令行批量导出整个目录的图表为 PDF 或 PNG 嵌进文档，-r参数会递归处理子目录。

drawio -x -r -f pdf diagrams/

复用 Visio 旧文件：MSI 与 NSIS 安装包会注册 .vsdx 文件关联，双击 Visio 文件直接交给 draw.io 打开，无需转换格式。

Mermaid 代码出图：导出输入支持 .mmd/.mermaid 文件，不打开界面直接生成 PNG。

drawio -x -f png flow.mermaid

🔒 数据与边界

默认唯一的联网行为是启动时的版本检查，不发送使用统计，内容安全策略（CSP）禁止远程加载 JS。完全离线环境执行drawio --disable-update或设置环境变量DRAWIO_DISABLE_UPDATE=true即可。注意例外：图表内引用了外部图片、背景或字体时，打开会向对应地址发请求并可能暴露 IP，陌生来源的文件要谨慎。

❓ 高频问题

双击 .drawio 打不开？便携版不注册关联，重装 NSIS/MSI 版或手动设置默认打开程序。

内网机器首次启动卡住？启动版本检查连不出去，加--disable-update参数。

商业项目能免费用吗？能，Apache 2.0 许可允许任意用途，前提是不改代码。

怎么备份全部图表？整拷上表中的系统数据目录，图表和本地状态都在里面。

自建版本启动后改动没生效？应用同用户只允许单实例，先退出官方应用再启动。

下一步

• 把 .drawio 文件纳入 git 管理，每次提交对应一版图。
• 备份一次系统数据目录，再用-x参数为一个文档批量生成全套 PNG。

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