企业官网建设流程全解析

draw.io 桌面版 Windows 安装指南：三种安装包对号入座，离线一步到位

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

客户审计环境断网、机房内网禁用 SaaS 工具、交付机器的账号又不是管理员，这类场景下图只能在本机画。draw.io 桌面版就是一个用 Electron 封装的绘图程序，装完全程不联网也能跑，图全部落在这台机器上。本文按选型、安装、第一张图的路径走一遍，顺带把内网环境的用法讲清楚。

📦 draw.io 桌面版三种安装包，按身份领

先确认处理器：右键此电脑 → 属性 → 看"系统类型"一行。绝大多数机器是 x64 处理器，领主流包即可；看到 ARM，对应包名里带 arm64，具体文件名以官方发布页为准。别看"64 位操作系统"这个词，要看"基于什么处理器"那一行。

架构定了再看权限，三种包对应三种人：

• NSIS 整机型draw.io-<版本号>-windows-installer.exe：适合有管理员权限、长期自用的机器。装进 Program Files，同时注册 .drawio、.vsdx、.mmd 的文件关联。代价是按机器安装，卸载得走"设置 → 应用"。
• MSI 用户型draw.io-<版本号>.msi：适合公司里没管理员权限的机器。装进你自己的用户目录，不弹权限框，文件关联同样注册。代价是只限本机当前账号，换个账号就得重装。
• 便携版draw.io-<版本号>-windows-no-installer.exe：适合"画两张图、拷进 U 盘就走"。免安装，删掉文件夹就清干净。代价是不注册文件关联，.drawio 双击没有反应，得先运行 exe 再打开文件。

拿不准就选 NSIS 整机型。

🖱️ 装完启动，画第一个形状

装完之后的操作动线很短：

1. 从开始菜单启动（图标名 draw.io）。窗口分三块：顶部是菜单条（File、Edit、View 一行），左侧是形状面板，顶部带搜索框，中间是网格画布。
2. 在左侧 General 分类里按住一个矩形，拖到画布上松手；再拖出第二个形状，从第一个形状的边缘拉一条线到第二个，两者之间就出现连接线。
3. 单击选中形状，右侧切到样式面板，填充色、边框、字号都在那里调。
4. 顶部 File → Save，存成 .drawio 文件，下次双击继续改（NSIS 与 MSI 版已注册关联）。

一个常识：draw.io 每个用户只允许一个运行实例，再点一次只是把焦点转回已有窗口，不会冒出第二张画布。

🔒 离线内网使用的四条红线

红线一：图的数据全在 AppData 里。用户数据位于C:\Users\<用户名>\AppData\Roaming\draw.io\，官方口径见 README.md。风险是机器一坏图全没，解法是定期把整个文件夹拷到别的盘，备份就这么简单。

红线二：启动时会检查更新。内网环境检查必然失败，可能反复弹窗，不影响画图。想让它闭嘴有两条路：设置系统环境变量DRAWIO_DISABLE_UPDATE=true，或者改快捷方式——右键快捷方式 → 属性 → 目标末尾追加--disable-update。想保留更新但下载前弹窗询问，就改用--no-silent-update。

红线三：图表可用 URL 引用外部图片、背景、字体。应用自身屏蔽远程 JavaScript（内容安全策略），但图里嵌了 URL 的资源在打开时仍会发请求，可能把本机 IP 暴露给那台服务器。风险是打开陌生文件等于替它发请求，解法是不来源不明的 .drawio 不随便打开，也别在生产环境里粘外链。

红线四：.drawio 双击无反应，或被别的程序抢走。风险是关联注册给了别的工具，或者便携版本来就没注册。解法：右键文件 → 打开方式 → 选择 draw.io → 勾选"始终使用此应用打开"。U 盘里的便携版先拷回本机短英文路径再启动验证，排除路径带空格或中文导致的程序坏掉。

🧰 进阶一：命令行批量导出

图多不想逐个开窗时，走命令行：

drawio --export --format png --output out.png flow.drawio

--format支持 pdf、png、jpg、svg、xml、html，--all-pages可导出全部页的 PDF，完整参数用--help查。整目录批量转换走这条快路，配--recursive还能带子目录。

🧬 可选阅读：从源码打一个 Windows 包

前提：Node 22.12 以上（以仓库 package.json 的 engines 字段为准）。注意绘图核心是 git 子模块，克隆时必须带上，否则构建会挂：

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

再在 PowerShell 里构建：

$env:DRAWIO_UNSIGNED="true" npx electron-builder --config electron-builder-win.json --publish never

产物在dist/里。自打包未签名，首次启动 SmartScreen 会警告，选"更多信息 → 仍要运行"。别用npm run release-win，那是发布渠道脚本，构建完会自动上传产物，个人自用不要走。构建细节以仓库内 doc/BUILDING_FOR_PERSONAL_USE.md 为准。

✅ 30 秒验收

画一个形状、连一条线，然后 File → Export as → PNG 存下来。导出的 PNG 能打开且图形完整，即为通过，说明安装、文件关联、导出全通了；反过来说，只有这一步过不去，就回头逐条核一遍上面四条红线。

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