draw.io 桌面版完整指南：从安装到画出第一张流程图，10分钟入门-酒店常州论坛

draw.io 桌面版完整指南：从安装到画出第一张流程图，10分钟入门

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

写技术文档、准备教学材料，或是规划自己的项目，总需要一款能把流程图、架构图画清楚的软件。draw.io 桌面版是一款基于 Electron 框架（可以理解为把网页应用打包成桌面软件的技术）的开源绘图工具：全程离线运行，图表数据只留在你自己的电脑里，支持 .drawio、.vsdx、.png、.pdf 等多种格式。这篇文章按"装好、看懂界面、画出第一张图、用得更顺、出问题怎么办"的顺序展开，新手照着做 10 分钟就能产出第一张流程图。

🖥️ 打开就是三栏界面：各区域负责什么

首次启动后，整个窗口可以拆成四块来认识：

区域	承担的工作
左侧形状库	按分类存放预设图形，顶部有搜索框，底部还能加载更多专业形状库
中央画布	带网格背景的主绘图区，画布大小不受限制
右侧属性面板	图表级别的设置（网格开关与大小、纸张尺寸等），改动即时生效
顶部菜单栏	File、Edit、View、Arrange 等菜单，核心功能入口都收在这里

菜单栏下方是一条工具栏，日常使用最频繁的几个按钮是：缩放比例控制、撤销/重做、对齐、连接线，以及铅笔和橡皮擦这类自由绘制工具。

📦 挑一个适合你环境的 draw.io 桌面版安装方式

Windows 有四种包，先弄清权限再下手

NSIS 安装程序（文件名形如installer.exe）：装到 Program Files，对整台机器生效，需要管理员权限；
MSI 安装程序（.msi）：只装到当前用户目录，不需要管理员权限，没有管理权的电脑选它；
便携版（no-installer.exe）：下载后直接运行，不安装、不需要权限；
Microsoft Store 版（APPX）：从商店按用户安装，同样不需要管理员权限。

NSIS 和 MSI 两种安装程序会自动注册文件关联，装完后双击 .drawio 文件就能直接打开；便携版不做关联，需要自己手动设置。

先确认电脑架构，再选对应版本

Windows：打开"设置" → "系统" → "关于"，查看系统类型；
macOS：点左上角苹果菜单 → "关于本机"，看芯片型号；
Linux：终端里执行uname -m。

你的系统	应该拿哪个包
Windows x64	64 位包，覆盖面最广
Windows ARM64	ARM64 包，对应 Surface Pro X 这类设备
Windows ia32	32 位包，老机器用
macOS Intel	Intel 版
macOS Apple Silicon	ARM64 版，对应 M 系列芯片

🔨 从源码构建 draw.io：克隆、装依赖、出安装包

编辑器本体（draw.io 代码）是以 git 子模块的形式挂在桌面版仓库里的，所谓子模块就是一个指向另一个仓库的目录，所以克隆时必须带上递归参数，否则只拿到外壳：

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

进入仓库目录后执行npm install安装依赖（要求 Node.js 22.12 及以上版本）。如果只是想先跑起来看看，执行npm start即可启动应用，加--enable-logging参数便于调试时看日志。

要产出可分发的安装包，则用 package.json 里预置的 release 命令：

npm run release-win # 64 位 Windows npm run release-win32 # 32 位 Windows npm run release-win-arm64 # ARM64 Windows npm run release-linux # Linux / macOS

构建完成后安装包落在dist目录。每个命令背后对应一份 electron-builder 配置文件：64 位 Windows 用 electron-builder-win.json，Linux 和 macOS 共用 electron-builder-linux-mac.json，仓库根目录下还有 win32、ARM64、Store 版、snap 各自对应的同类配置。fork 后改动代码、打一个仅供自己用的未签名包，流程写在 doc/BUILDING_FOR_PERSONAL_USE.md 里。

🔒 数据与隐私：图表存在哪，应用不能做什么

默认就是断网状态

draw.io 桌面版的设计目标是与应用完全隔离互联网，唯一例外是启动时检查一次新版本。所有 JavaScript 资源都打包在本地，内容安全策略（一种限制页面能加载哪些脚本的机制）直接禁止运行远程脚本，官方也明确：图表内容从不外发，不收任何使用统计。

有一个边角情况要心里有数：图表里可以嵌入外部资源引用（比如从 URL 加载的图片、背景或字体）。打开文件时这些资源会被拉取以保证显示正常，所以打开来源不可信的图表时，可能会向被引用的地址发出请求，暴露 IP 之类的元信息，但图表内容本身不会被传走。

本地存储路径，备份照这里做

系统	数据目录
Windows	`C:\Users\<你的用户名>\AppData\Roaming\draw.io\`
macOS	`~/Library/Application Support/draw.io`
Linux	`~/.config/draw.io/`

定期把上面这个目录拷贝出去，就等于完成了全部图表数据的 draw.io 数据备份。

彻底关掉自动更新

适合必须完全离线的受管环境，两种方式任选：

启动时加参数：drawio --disable-update
设置环境变量DRAWIO_DISABLE_UPDATE=true（Windows 用set DRAWIO_DISABLE_UPDATE=true，macOS/Linux 用export DRAWIO_DISABLE_UPDATE=true）

✏️ 第一张流程图：从空白画布到成品的 6 个动作

"File" → "New"，新建一个空白文档；
从左侧形状库把需要的图形拖进画布；
用工具栏的连接线工具把图形之间的关系连起来；
双击图形，补上说明文字；
在右侧属性面板调整颜色、大小等样式；
"File" → "Save"，以 .drawio 源格式存盘。

三个让成果更整齐的小习惯

拖完多个图形后，用工具栏的对齐工具一键排齐；
在右侧面板打开 "Grid" 选项，位置对齐更精确，网格大小也可以调；
复杂图表按模块拆到不同页面，用底部的页面标签切换管理。

⚙️ 用得更顺手：导出、形状库与团队共享

加载更多形状库：左侧面板底部的 "More Shapes..." 可以按需展开更专业的图形库，覆盖特定领域需求。

批量处理："Edit" 菜单提供批量操作入口，一组图形要统一调整时比逐个点快得多。

多格式导出：PNG、PDF、SVG 等格式都支持，按用途挑合适的导出格式即可。

命令行批量转换：桌面版自带命令行导出能力，--export可以指定输出格式和目标，写个小脚本就能把一批 .drawio 文件批量转成 PDF 或 PNG，全部参数说明见 src/main/args.js。

团队怎么共享：桌面版面向离线使用、不做实时协作，团队里通用的做法是把 .drawio 源文件纳入 Git 版本控制、用云存储定期同步，再约定一套团队模板。后续想改代码，主程序入口在 src/main/electron.js，可以顺着它读下去。

🩺 排错手册：常见症状与疑问速答

最容易碰到的症状

症状	处理方式
装完双击 .drawio 文件打不开	NSIS、MSI 安装会自动注册文件关联；便携版需手动设置关联
启动速度慢	检查是否有其他程序占用资源，顺手清理临时文件
画大图时卡顿	减少同时打开的图表数量，降低图形复杂度
担心图表数据丢失	定期备份前文给出的本地数据目录

性能方面再给四条日常建议：定期清理缓存和临时文件；复杂图表用图层分区管理；单页元素数量控制在合理范围；导出时按用途选对格式，别无脑全用高清大图。

另外几个值得提前知道的答案

是不是真的免费？是，Apache 2.0 许可证开源，任何用途都可以用。
支持哪些系统？Windows 7 及以上、macOS 10.10 及以上，以及主流 Linux 发行版。
怎么升级？应用会自动检查更新；也可以手动下载最新安装包覆盖安装。
能装插件吗？桌面版目前没有插件系统，核心功能本身已经比较完整。
图表能画多大？画布理论上无上限，按电脑性能控制复杂度即可。
在线版的图能导进来吗？可以，把在线版导出的 .drawio 文件拖进桌面版就能打开。
支持实时协作吗？不支持，桌面版主打离线，协作靠文件共享走异步方式。

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

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

企业官网建设流程全解析