企业官网建设流程全解析

draw.io 桌面版快速教程：3种免费离线绘图安装方式与首图上手

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

如果你需要在没有网络的环境里画流程图、架构图，draw.io 桌面版就是为你准备的免费离线绘图工具：它是基于 Electron 的官方桌面封装，所有图表数据都保存在本地，装好即用。跟着这篇文章操作，你可以完成从环境检查、安装到导出第一张图表的全过程。

🧾 安装前的环境核对清单

在下载安装包之前，先逐项确认你的机器情况：

• 系统版本：Windows 7 及以上均可运行，建议 Windows 10/11
• 系统架构：右键"此电脑"→ 属性，查看"系统类型"
  • x64 处理器 → 选 x64 版本
  • ARM 处理器 → 选 ARM64 版本
• 磁盘空间：预留 300MB 以上给安装目录
• 从源码构建的话：需要 Node.js 22.12 或更高版本（官方构建使用 Node 24）及 npm

📦 三种安装方式对比与上手步骤

Windows 上有三种官方安装包，区别一目了然：

推荐普通用户走 NSIS 安装程序：

1. 到项目发布页面，按上表下载与你架构匹配的.exe文件
2. 双击运行，按向导提示选择安装目录（可自定义）
3. 安装完成后从开始菜单启动 draw.io

如果机器上完全没有管理员权限，就改用 MSI 包：双击后只安装到当前用户，效果一样，只是不写入全机目录。

从源码构建（适合想改点东西的开发者）：

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start # 直接从源码树运行应用

要打包出安装程序，注意先设置DRAWIO_UNSIGNED=true（个人构建跳过代码签名），再执行npx electron-builder --config electron-builder-win.json --publish never，产物输出到dist/目录。个人构建的完整流程见 doc/BUILDING_FOR_PERSONAL_USE.md。

🖱️ 首次运行体验：5分钟画完第一张流程图

首次打开后你会看到四个区域：

• 顶部菜单栏：File、Edit、View、Arrange，下面一排工具栏控制缩放、撤销重做和连线
• 左侧形状库：顶部是 Search Shapes 搜索框，General 分组里有矩形、圆形、菱形等基础图形，往下还有 More Shapes 可以加载更多形状
• 中央画布：带网格的 Page-1 页面，底部可以添加多页
• 右侧 Diagram 面板：勾选 Grid、调整页边距、选择纸张方向

现在完成你的第一个最小任务：

1. 从左侧 General 区拖一个矩形到画布，再拖一个菱形
2. 选中矩形，按住它的边缘连线点拖到菱形上，生成一条箭头连线
3. 双击形状输入文字，比如"开始"和"判断"
4. 点击 File → Export as → PNG，选择保存位置

导出成功，你就已经跑通了 draw.io 桌面版的完整工作流：画图 → 连线 → 导出。

⚙️ 数据存放与关键配置细节

三个对你最实用的点：

1. 数据存放位置：Windows 下所有本地存储数据都在C:\Users\<用户名>\AppData\Roaming\draw.io\，想备份或迁移数据时复制这个目录即可
2. 关闭自动更新：完全离线环境或企业统一管理的机器上，设置环境变量DRAWIO_DISABLE_UPDATE=true，或在启动参数里加--disable-update
3. 网络隔离机制：除了启动时的更新检查，应用与互联网完全隔离；内容安全策略（CSP）禁止加载远程 JavaScript，图表数据不会以任何形式发送到外部，也没有使用统计上报

🧱 避坑清单：六个常见问题与解法

1. 改完源码启动后看不到自己的改动：draw.io 每用户只允许单实例运行，如果官方版正在后台运行，启动你的构建只会往官方版里开新窗口——先彻底退出所有 draw.io 再启动
2. 运行个人构建时 SmartScreen 提示"Windows 已保护你的电脑"：未签名构建的必然现象，点"更多信息"→"仍要运行"即可，官方签名包不会有此提示
3. 个人构建被自动更新"还原"成官方版：打包前先执行npm run sync -- disableUpdate，把自动更新关掉
4. 新开的终端构建报错找不到签名工具：DRAWIO_UNSIGNED=true只在当前终端会话生效，每个新终端都要重新设置
5. 打开陌生来源的图表触发了外网请求：图表里引用外部图片、背景或字体时，打开文件会向对应 URL 发请求并暴露你的 IP（图表内容不会被发送），来路不明的.drawio文件谨慎打开
6. 以为数据在文档目录，结果丢了：自动保存和会话数据在 AppData 的draw.io目录里，不在"我的文档"，定期备份该目录

收尾

draw.io 桌面版用安装包三选一覆盖了个人、无管理员权限和便携三种场景，数据本地化加上严格的 CSP 隔离，让它成为处理敏感流程图的放心选择。下一步建议：挑一个你手头真实的工作流程（比如一次部署或一个审批流），用它画出来并导出 PDF，体验完整工作流 🎨

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