企业官网建设流程全解析

3分钟装好 draw.io 桌面版：离线绘图安装指南

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

draw.io 桌面版（drawio-desktop）是一个免费开源的绘图客户端，基于 Electron（把网页技术打包成桌面应用的框架）封装，Apache 2.0 许可，装完不联网也能完整使用。它解决的核心问题：在没网的机器上照样画流程图、UML、架构图，且数据全部留在本机。适合需要离线出图的工程师和文档作者；如果核心需求是在线实时协作编辑，它帮不上忙。

装之前花 10 秒确认三件事

1. 操作系统别太老：客户端基于 Electron 42，建议 Windows 10 及以上、macOS 10.15 及以上、主流 Linux 发行版。查法：Windows 看"设置 → 系统 → 关于"，macOS 点苹果菜单 → 关于本机。
2. CPU 架构：安装包分 x86_64 和 ARM 两种，下错了打不开。Windows 在"关于"页看"系统类型"，macOS 在"关于本机"看芯片（Intel / Apple M），Linux 终端跑uname -m（返回 x86_64 是 64 位，aarch64 是 ARM）。
3. 只有源码构建才需要依赖工具：Node.js 22.12 及以上（package.json 里 engines 字段写的下限）。查法：node -v。直接下安装包的人跳过这条。

Windows 发布页同时提供三种形态，macOS/Linux 直接给 dmg / AppImage / deb / rpm：

安装：三个平台各一条最短路径

Windows

到发布页下对应架构的文件，双击运行：NSIS 按向导点完成，中途弹 UAC 授权就允许；MSI 双击后直接装进用户目录；便携版解压缩就能跑。没有管理员权限就选 MSI 或便携版。NSIS 与 MSI 会自动注册 .drawio、.vsdx、.mmd 文件关联，之后双击图表文件直接用它打开；便携版不注册。

macOS

下载 dmg（发布页有 x64、arm64 和 universal 三个版本，universal 通吃两种芯片），打开后把图标拖进"应用程序"文件夹即可。首次打开若被拦截，到"系统设置 → 隐私与安全性"点"仍要打开"——官方包已做公证（Apple 的签名认证机制），属正常安全提示。

Linux

AppImage 最省事，加执行权限后直接跑：

chmod +x drawio-*.AppImage && ./drawio-*.AppImage

Debian/Ubuntu 系用sudo dpkg -i xxx.deb，RPM 系用sudo rpm -i xxx.rpm，三种格式都提供 x64 与 arm64。

从源码构建

drawio 本体是 git 子模块，克隆必须带 --recursive；打包产物输出到 dist 目录：

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop && npm install npm start # 本地跑起来验证 npm run release-win # 打包；Linux/macOS 换成 release-linux

装完之后先做这一件事

双击启动，界面分三块，先认位置再动手：

1. 左侧是形状库：顶部 Search Shapes 框按名字搜图形，General 分类里有矩形、椭圆、菱形这些基础图形，选中后拖进画布。
2. 中间是画布：默认带网格、面积无限，底部标签页可以建多个 Page，复杂图建议拆页管理。
3. 右侧是属性面板：View 区管网格、背景、纸张大小；选中某个图形后，这里切换成该图形的颜色、字体、线条选项。

最小操作四步：拖一个"开始"椭圆、一个判断菱形、一个"结束"椭圆进画布，用连线工具串起来，双击逐个图形输入文字，File → Save 存成 .drawio 文件——能保存、能重新打开，就算装好了。

你的数据存在哪、安不安全

设计目标就是把网络隔离放在第一位：除启动时的版本更新检查外不与互联网连接，图表数据和操作行为都不外发，没有任何使用统计上报；内容安全策略（CSP，限制页面能加载哪些资源的策略）禁止执行远程 JavaScript，应用自身也没法把图发出去。唯一例外：图里如果嵌了网络图片、背景或字体的 URL，打开时会去拉取这些资源，所以陌生来源的 .drawio 文件要谨慎打开。

备份时复制整个目录即可。彻底关掉自动更新：启动加--disable-update，或设环境变量DRAWIO_DISABLE_UPDATE=true，两种方式等效，适合完全离线的内网机器（判断逻辑在 src/main/electron.js）。

卡住了？看这里

• 双击 .drawio 没用它打开→ 多半装的是便携版，它不注册文件关联 → 换 NSIS 或 MSI 重装，或右键"打开方式"手动指定程序。
• 再启动一次，只是在已开窗口里新建了文件→ 同一用户只允许一个实例（单实例锁）→ 需要多开前先退出正在运行的窗口。
• 打开别人分享的图，某些图片位置空白→ 图引用了外部 URL 资源，离线拉不到 → 让对方把图片转成本地嵌入后再导出。
• 大图拖动卡顿→ 单页图形太多 → 把元素多的部分拆到不同 Page，或用图层管理减少单页数量。
• macOS 首次打开被系统拦截→ 门控机制不认识新应用 → "系统设置 → 隐私与安全性"里点"仍要打开"。
• 担心数据丢失→ 数据就是一个明文目录 → 定期把上文路径表里的目录整体拷到备份盘；.drawio 文件本身是普通文件，可直接单独存档。

用熟了再来看（选读）

• 命令行批量导出 PNG/PDF/SVG：-x系列参数（格式、缩放、裁边、透明背景）全量清单在 src/main/args.js，适合塞进 CI 做自动化出图。
• 想改打包行为（图标、文件关联、公证、签名）看 electron-builder-win.json，Linux/macOS 的配置在 electron-builder-linux-mac.json。
• 自构建本地签名版本（内网分发、改品牌）的完整流程在 doc/BUILDING_FOR_PERSONAL_USE.md。
• 主程序入口、窗口状态记忆（src/main/window-bounds.js）与更新检查逻辑都在 src/main/electron.js。

安装到这里就结束了：挑对架构、双击装完，日常只剩画图、保存、偶尔备份存储目录这几件事——进阶那节用到哪条看哪条，不必从头读到尾。

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