企业官网建设流程全解析

10 分钟装好离线 draw.io 桌面版：从下载到出第一张图

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

周五要交架构评审，办公室网络偏偏要断一天，你真正需要的就是一个能完全离线干活的画图工具。draw.io 桌面版正是这样一套东西：它把 draw.io 编辑器包进 Electron 应用里，装好之后无需联网就能画流程图、UML 和网络拓扑，所有数据只落在本机。

打开后的主界面长这样：左边是形状库，中间是带网格的画布，右边是属性面板。

📦 装前准备：先确认架构再下载

先看环境。要求不高：Windows 7 及以上（10/11 均可），需要分清机器是 64 位 x64 还是 ARM；项目采用 Apache 2.0 协议，商用、免费都没问题。

下载前对照这份清单：

1. 确认系统架构：右键"此电脑"→属性，看"系统类型"那一行
2. 确认这台机器有没有管理员权限
3. 预留至少 300 MB 安装磁盘空间
4. 手头若有.drawio文件，想好要不要注册文件关联

安装：按使用场景选对版本

个人长期用，走 NSIS 安装程序：在发布页下载draw.io-<版本>-windows-installer.exe（x64 机器选 x64），双击运行、跟着向导点完即可，它会装进 Program Files 并自动关联.drawio文件。

没有管理员权限就改用同一发布里的.msi（按用户安装、免管理员）；想拷到 U 盘随拷随用，则用带-windows-no-installer的便携版。

首次启动与基础设置

首次启动后界面即上图：从左侧 General 形状库拖一个框到画布，右侧面板调大小和配色。

数据存在哪：点 File→Save as 后，.drawio图保存在你指定的文件夹；缓存与配置则放在C:\Users\<用户名>\AppData\Roaming\draw.io\，备份这一文件夹等于备份了全部设置。

出第一张图：File→Export as，选 PNG（或 PDF、SVG），指定保存位置就完成了。

进阶与个性化

• 禁用联网更新：默认启动时会去检查一次新版本，要求彻底离线的机器可设环境变量DRAWIO_DISABLE_UPDATE=true，或在快捷方式目标后加--disable-update。
• 从源码定制版本：想改标题、默认形状之类，需要本地构建（Node 22.12+），详见 doc/BUILDING_FOR_PERSONAL_USE.md。

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

构建完成后安装包会落在dist目录。

踩坑与排错

• 现象：双击安装器弹出"Windows 已保护你的电脑"。原因：SmartScreen 拦了不常运行的程序，并非中毒。解决：点"更多信息"→"仍要运行"。
• 现象：双击.drawio打开的是浏览器或其他软件。原因：文件关联没注册，便携版尤其如此。解决：右键文件→打开方式→选已安装的 draw.io。
• 现象：打开某张图时发起了网络请求。原因：图里引用了外部图片、字体等资源，应用打开时会去取回以便渲染。解决：对外部资源先换成本地文件再用。

收尾

把安装包下下来，10 分钟内就能导出第一张 PNG。一个小建议：画完先 Save as 存好源文件，再导出图片，别只留一个浏览器标签页当记录。

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