企业官网建设流程全解析

draw.io 桌面版上手指南：从零到导出一张 PNG 的 5 个步骤

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

draw.io 桌面版（drawio-desktop）是基于 Electron 的官方离线绘图应用，它把 draw.io 编辑器完整打包进本地程序，让你在没有网络的环境下绘制流程图、UML 和网络拓扑图，所有数据都存在自己电脑上。它适合两类人：需要处理不便联网传输资料的团队，以及希望在弱网环境照常画图的个人用户。

无管理员权限也能装：选对安装包形态

官方发布页提供三种 Windows 安装包，区别在于权限要求和安装范围：

• exe 安装器：装到 Program Files，全机可用，但需要管理员权限；
• msi 安装器：只装给当前用户，普通权限即可；
• 便携版 exe：免安装直接运行，但不会注册文件类型关联。

机器没有管理员权限时选后两者。macOS 上 Microsoft Store 的 APPX 版本同样无需管理员权限，按用户安装。

想参与开发或改造它，则用源码方式：要求 Node.js 22.12 及以上版本。

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

--recursive不能省略——核心编辑器是 git 子模块，漏掉它应用跑不起来；已克隆的仓库可补跑git submodule update --init。

三步画完并导出一张流程图

启动后是经典三栏布局：左侧形状库、中间画布、右侧属性面板，无需学习成本。

1. 新建绘图，进入空白画布。
2. 从左侧 Basic 分类拖一个矩形到画布上。
3. 按住形状的边部连接点拖到另一个形状松开，自动连线并显示吸附提示。
4. 在右侧属性面板改文字、填充色和线条宽度。
5. 打开"文件 → 导出为"，选 PNG（也支持 SVG、PDF、JPG、XML、HTML），命名保存。

保存后你会得到一份 .drawio 源文件和一张可分享的位图，到这里核心链路已跑通。

用两个参数搞定批量转图与关闭自动更新

把 .drawio 文件批量转图片。手头有一整目录的图要转格式，用命令行模式，除 .drawio 外也接受 vsdx、csv 和 Mermaid 文件作为输入：

drawio -x -f png -t -o out/ flowchart.drawio

-x开启导出，-f png指定格式，-t透明背景，-o指定输出目录；把输入换成文件夹并加-r会递归转换子目录里的所有文件，适合写进构建脚本。

关闭启动时的更新检查。应用默认每次启动检查新版本，集中管控的安装场景下，设置环境变量DRAWIO_DISABLE_UPDATE=true或启动时附加--disable-update即可完全关闭。

四条高频坑：现象、原因与解法

1. 克隆漏了--recursive，构建失败——编辑器本体在drawio/子模块里，用git submodule update --init补齐。
2. 装了便携版却双击 .drawio 打不开——便携版不注册文件关联，改用安装版或手动从文件菜单打开。
3. 启动第二份副本没反应——同一用户只允许运行一个实例，重复启动只在已有实例里开新窗口，先退出已运行的 draw.io。
4. 打开陌生 .drawio 文件会发出网络请求——图内可引用外部图片、字体或背景 URL，打开时会去抓取渲染，来路不明的文件先谨慎打开。

另外注意：本项目采用 Apache 2.0 许可可自由使用，但仓库不接受外部 PR，问题与需求走仓库 issue。

下一步去哪看

主进程代码（窗口管理、系统交互、更新逻辑）集中在 src/main/；想 fork 后改壳子或编辑器并打出自己的安装包，按 doc/BUILDING_FOR_PERSONAL_USE.md 走；发布与签名流程见 doc/RELEASE_PROCESS.md；编辑器本身在 drawio/ 子模块里，本地构建会直接打包其中的改动。

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