终极指南：如何在单板电脑上快速搭建云存储与备份系统

余鹤赛

910人浏览 · 2025-12-23 03:54:11

余鹤赛 · 2025-12-23 03:54:11 发布

drawio-desktop 免费流程图桌面应用：5分钟从源码跑起来的完整指南

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

要画一张流程图，又不想把文件传到别人的服务器上——drawio-desktop 就是为这种场景准备的：它是 draw.io 编辑器的官方 Electron 桌面封装（Electron 指用网页技术构建桌面应用的框架），图表在你本机生成，不经过任何远端。

它替谁解决了什么问题

不花钱，商业项目也能直接用

许可证是 Apache 2.0，学生画作业图、公司做客户交付物，都可以按原样使用，不用订阅，也不担心版权问题。

图表数据不出本机

按设计，应用与互联网隔离，唯一例外是启动时检查一次新版本。集中管理的机器可以设环境变量 DRAWIO_DISABLE_UPDATE=true，或启动时加 --disable-update，把检查彻底关掉。所有 JavaScript 自包含，内容安全策略（CSP，限制页面能加载哪些资源的机制）禁止运行远程脚本，也不收集任何使用数据。

没有管理员权限，Windows 上也有装法

Windows 官方有三个版本：.exe 安装器装到 Program Files，需要管理员权限；.msi 装到当前用户目录，不需要；便携版 .exe 完全免安装，只是不注册文件类型关联。

一套应用跑三个系统

Windows、macOS、Linux 都有对应构建。普通用户直接从官方 releases 页面下载安装包即可，想从源码运行的看下一节。

快速上手

先装 Node.js 22.12 或更高版本（官方构建用 Node 24）和 npm。
克隆仓库，draw.io 编辑器是 git 子模块（git 里把另一个仓库挂成子目录的机制），--recursive 不能省。
在根目录安装依赖。
npm start 启动应用，开发调试可另设 DRAWIO_ENV=dev。

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

⚠️ 启动失败时给 npm start 追加 --enable-logging 看日志；另一个常见坑是同一用户只允许一个 draw.io 实例，官方版还开着时，启动你的副本只会往官方版里开新窗口，先关掉官方应用再试。

核心功能详解

启动后界面是左、中、右三栏加顶部菜单，典型布局如下：

区域	位置	负责什么
形状库	左侧面板	搜索并拖放基础形状
画布	中央网格区	绘制与连接元素
Diagram 面板	右侧	页面、背景与自动保存

从左侧形状库往画布上拖

顶部是 Search Shapes 搜索框，下面是 General 基础形状组（矩形、菱形、圆柱、箭头等），Scratchpad 区可暂存草稿图形。搜到形状直接拖进中央网格画布即可。适合的场景：从零搭一张流程图。

用右侧 Diagram 面板控制页面

面板分三组：View（Grid 网格、Page View、Background 背景、Shadow）、Options（Connection Arrows 连接箭头、Connection Points、Guides、Autosave 自动保存）、Paper Size（默认 US-Letter，可选纵向或横向），底部还有 Edit Data 和 Clear Default Style 两个按钮。勾选 Autosave 后，画到一半也不怕断电。适合的场景：导出正式文档前统一调整页面外观。

用顶部菜单和多页标签管理整份文档

顶部菜单有 File、Edit、View、Arrange、Extras、Help 六项，画布下方是页签，默认 Page-1，点加号新增页面。适合的场景：一张文档按模块分页管理。

常见疑问

平时使用需要联网吗？ 不需要。应用与网络隔离，只有启动时一次版本检查，且可关闭；图表数据从不外发，也没有统计上报。唯一要注意的是：如果图表本身引用了外部图片或字体，打开时会去请求对应地址。

图表存在哪里？ 本地与会话存储写进系统应用数据目录：macOS 在 ~/Library/Application Support/draw.io，Windows 在 C:\Users\<用户名>\AppData\Roaming\draw.io\；图表文件本身是你另存的 .xml，窗口标题里的 Untitled Diagram.xml 就是它。

可以提交代码贡献吗？ 默认不行，除非维护者明确允许，而那极少发生。README 说明项目长期对代码贡献关闭，以保住长期稳定性，但欢迎 bug 报告和功能建议。