企业官网建设流程全解析

drawio-desktop 安装与上手指南：新手如何运行本地图表绘制工具

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

drawio-desktop 是 draw.io 编辑器的官方桌面封装版，基于 Electron 构建。它把完整的绘图环境装进本地应用，适合需要在离线环境画流程图、架构图、UML 图的开发者和学生。本文讲清楚它是什么、怎么装、打开后先做什么。

它解决什么问题：先判断自己是否需要安装

结论：如果你的图需要长期保留、经常修改，且不希望依赖浏览器会话，桌面版比在线版更合适。

drawio-desktop 本身不是独立开发的画图引擎，它把 draw.io 的核心编辑器完整打包进桌面外壳，因此在线版能画的东西（流程图、网络拓扑、组织结构图、UML 等）在这里都能画，区别集中在三点：

• 离线可用：不依赖浏览器环境，断网也能打开、编辑已有文件。
• 文件直接落盘：图表以.xml文件保存在本地磁盘，配合版本管理工具做归档更省心。
• 权限独立：不需要为每次绘图登录浏览器账号。

如果你只是偶尔画一张图，在线版本足矣；如果是日常使用，或者公司电脑对浏览器扩展有管控，桌面版值得花十分钟装上。

最短安装路径：按你的操作系统选对应安装包

结论：普通用户不需要编译源码，直接到官方发布页下载对应平台的安装文件即可。

发布页地址以官方仓库的 Releases 栏目为准（见 README.md 中的说明）。以 Windows 为例，官方提供三种形态，选型逻辑如下：

macOS 与 Linux 平台同样在发布页提供对应架构的安装包；企业环境若需关闭更新检查，可设置环境变量DRAWIO_DISABLE_UPDATE=true或在启动时加--disable-update参数（详见后文安全说明）。

💡 提示：如果你在公司电脑上提示权限不足，优先选.msi或便携版，而不是申请管理员权限。

第一次打开后先做什么：三步画出第一张图

结论：界面由三栏构成——左侧形状库、中间画布、右侧属性面板，记住这三栏就能开始画图。

1. 新建画布：启动后默认进入空白图，顶部菜单 File → New 可随时重置。
2. 拖入形状：在左侧General分类下直接拖拽矩形、椭圆、文本框到中间画布；也可以用左上角 Search Shapes 框按名称搜索其他分类的形状。
3. 调整与连线：选中形状后在右侧面板修改样式（边框、填充、文字大小）；按住形状边缘的连接点拖动即可生成连线，箭头样式同样在右侧Connection Arrows选项中控制。

完成后通过 File → Save As 选择本地目录保存为.xml文件。之后双击文件即可重新打开编辑，不依赖任何在线存储。

从源码运行 drawio-desktop：开发者专用路径

结论：只有想调试外壳代码或打包个人定制版的人才需要这一步，普通用户跳过即可。

由于 draw.io 编辑器是以 git 子模块形式挂在仓库里的，必须递归克隆，否则会缺少核心代码：

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop

进入目录后安装依赖并启动（要求 Node.js 22.12 及以上版本，见 package.json 的 engines 配置）：

npm install && npm start

补充两点：

• 调试模式可加--enable-logging参数，例如npm start --enable-logging，输出更详细的日志。
• 想 fork 一份并自行打包成个人使用的桌面应用，参考仓库内的 doc/BUILDING_FOR_PERSONAL_USE.md 文档按步骤操作。

⚠️ 注意：该项目不接收外部代码贡献（维护者明确关闭了 PR 通道），源码运行的定位是"跑起来调试"，而非参与开发。

隐私与离线设计：数据到底会不会外传

结论：应用被刻意设计为与互联网隔离，图表内容不会外发，但有一个例外要注意。

具体机制如下：

• 启动时的更新检查是唯一默认联网行为，会向官方渠道确认是否有新版本；不需要它时按上文方式关闭。
• 所有 JavaScript 均内置打包，并通过 Content Security Policy 禁止加载远程脚本，应用自身也无法主动向外部发送数据。
• 例外：如果某张图里嵌入了 URL 形式的外部图片、字体或背景，打开该图时会自动去抓取这些资源以正确渲染。这意味着打开来源不明的图表时，对方服务器可能看到你的 IP——因此不要随意打开陌生来源的图。

应用自身的本地存储位置（用于存放缓存、会话数据）：

• macOS：~/Library/Application Support/draw.io
• Windows：C:\Users\<用户名>\AppData\Roaming\draw.io\

常见问题与避坑

Q1：装不进去，提示需要管理员权限？换.msi包或便携版，两者均不需要管理员权限；便携版唯一缺失的是系统文件类型关联，用"打开方式"选择即可。

Q2：想关闭自动更新检查，怎么配置？设置环境变量DRAWIO_DISABLE_UPDATE=true，或启动参数传--disable-update，二者任选其一。

Q3：仓库里那个drawio子目录是干什么的？它是 draw.io 编辑器的子模块源码，npm run sync等构建脚本会依赖它同步版本信息。普通用户无需关心；从源码运行时它必须存在，这也是克隆时要加--recursive的原因。

Q4：许可协议能商用吗？采用 Apache 2.0。只要你接受"按原样提供、不修改代码"的前提，可用于任何目的，包括商业用途（条款以 LICENSE 文件为准）。

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