企业官网建设流程全解析

draw.io 桌面端：离线画流程图，3 分钟跑通

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

drawio-desktop 是 draw.io 官方的 Electron 桌面构建，GPL v3 许可，完全免费。画流程图、UML、架构图全程不碰网络，适合内网环境、离线机器上需要出图的工程师和设计师。

装之前 30 秒自检

最快速度跑起来

以 Windows 免管理员权限路径为例，最短三步：

1. 从官方发布页下载 MSI 安装包，文件名带版本号（如 32.4.1）。看到文件名带版本号即成功
2. 双击安装包，按向导走完，无需 UAC 提权。看到开始菜单出现 draw.io 图标即成功
3. 双击图标启动。看到主窗口、左侧形状库、中央画布齐全即成功

其他平台的安装入口见下一节，都一句话能说清。

其他方式速查

1. macOS：下载对应芯片的 dmg，把 draw.io 拖进「应用程序」；首次打开被 Gatekeeper 拦下时，去「系统设置 → 隐私与安全性」点「仍要打开」。

2. Linux AppImage：

   chmod +x xxx.AppImage ./xxx.AppImage

3. Linux 包管理器：deb 用sudo apt install ./xxx.deb，rpm 用rpm -i xxx.rpm。

4. 源码构建：需要 Node 22.12+，核心编辑器是 git 子模块，clone 必须带--recursive，否则构建直接失败：

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

   要打成安装包，设置DRAWIO_UNSIGNED=true跳过签名，流程见 doc/BUILDING_FOR_PERSONAL_USE.md。

第一次打开，看这三样

1. 界面三件套：左侧形状库、中央画布、右侧属性面板齐全（对照开头那张图）。
2. 版本号：应用菜单「关于」里显示的版本，和安装包文件名一致；图省事就在命令行传-V，打印版本号后退出。
3. 拖一个矩形进画布，File → Save 存成 .drawio，退出重开，内容还在就算通了。

📌 图和配置存在本机用户目录：Windows 在C:\Users\<用户名>\AppData\Roaming\draw.io\，macOS 在~/Library/Application Support/draw.io，备份时整目录复制。离线机器想彻底关掉自动更新，启动加--disable-update，或设环境变量DRAWIO_DISABLE_UPDATE=true。

卡住了？对号入座

往深了看

• 想看个人 fork 怎么出无签名包、同步版本号、禁用自更新 → 去 doc/BUILDING_FOR_PERSONAL_USE.md
• 想看 dmg、AppImage、deb、rpm 的目标架构和文件关联定义在哪 → 去 electron-builder-linux-mac.json
• 想看单实例锁、更新检查、窗口管理这些主进程逻辑怎么写的 → 去 src/main/electron.js，命令行参数解析在 src/main/args.js

日常就是画图、保存、偶尔备份一下存储目录；哪步卡住了，直接翻「对号入座」那张表就行 🎯

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