draw.io 桌面版离线画图工具的安装、首次出图与导出 PNG 完整指南【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版drawio-desktop是一个基于 Electron把网页应用塞进本地窗口里跑的框架打包的离线绘图程序画图、保存、导出全部在本地完成不依赖网络。这篇指南带你走完整条链路——选对安装包、装完画出一张图、把图导出成 PNG并处理掉新手最容易卡住的几个环节选错架构的安装包、便携版打不开文件关联、更新检查在断网环境里反复报错。 先看处理器型号再决定下载哪个包结论判断依据是系统类型里基于 XX 的处理器这半句话而不是64 位那个词。打开路径固定右键桌面此电脑 → 属性 → 查看系统类型然后对号入座显示基于x64的处理器下draw.io-版本号-windows-installer.exe显示基于ARM的处理器骁龙芯片笔记本常见下draw.io-arm64-版本号-windows-arm64-installer.exe显示基于x86的处理器老机器下draw.io-ia32-版本号-windows-32bit-installer.exe装错架构的后果不是能用但慢而是各种诡异的兼容性毛病返工成本远高于花 30 秒确认一次。 发布页三种安装包形态按权限和用途挑发布页上 Windows 通常有三种形态选法一句话讲完NSIS 安装程序draw.io-版本号-windows-installer.exe装进Program Files需要管理员权限会注册.drawio、.vsdx、.mmd的文件关联双击文件直开。自己的长期主力机选它。MSI 包draw.io-版本号.msi只装到当前用户目录不需要管理员权限。公司管控机、装不了整机软件的场合选它从 Microsoft Store 安装的版本同样是按用户安装、免管理员。便携版draw.io-版本号-windows-no-installer.exe解压在哪就在哪跑不写注册表、不注册文件关联删除就是删文件夹。临时用、拷 U 盘带走选它。代价是双击.drawio文件不会自动打开它必须手动 File → Open。️ 第一次打开拖两个形状、连一条线、导出 PNG先记住一个机制draw.io 每个用户只允许一个运行实例。重复点快捷方式不会开新窗口只会把已有窗口拉到前台——后面排查问题时会用到这一点。启动后界面四块区域顶部File / Edit / View / Arrange / Extras / Help菜单栏左侧带Search Shapes搜索框的形状面板中间网格画布右侧Diagram面板。首次出图按这个顺序在左侧General分类里按住矩形图标拖到画布上松手落位找不到图形就在Search Shapes里输英文名搜。再拖第二个矩形从第一个形状边缘按住向第二个方向拖动再松开连接线自动生成。单击选中某个形状右侧面板会切成该形状的样式设置填充、边框、字号点一下空白处则显示整页设置网格、背景、纸张大小别把两者搞混。File菜单保存为.drawio文件以后双击它就能继续编辑。File→Export as选 PNG也支持 SVG、PDF设置页面范围和图层后导出。不想开界面也行命令行里drawio配--export和--format能完成同样的导出全部参数用--help查。 数据落在哪、更新检查怎么彻底关掉三件事定好离线环境才算稳应用本地状态含缓存、会话数据默认落在C:\Users\用户名\AppData\Roaming\draw.io\想备份就定期拷这个目录。关掉启动时的版本检查。应用默认会去查新版本断网或审计环境里它会持续报错。两种关法任选其一设置系统环境变量DRAWIO_DISABLE_UPDATEtrue或在快捷方式的目标末尾追加--disable-update。想折中下载前弹窗询问而不是静默更新就加--no-silent-update。来源不明的.drawio文件先审后开。界面对远程加载 JavaScript 有内容安全策略CSP直接禁止官方也不会外发图表数据但例外是——如果图表里用 URL 嵌了外部图片、背景或字体打开文件时会去请求那些地址。别人的文件扫一眼内容再打开。️ 从源码构建只有两种情况需要看一是想验证仓库代码二是想改壳层行为注意编辑功能本体在drawio/子模块里不在本仓库直接管理。前提是 Node.js 22.12 以上。一段命令完成克隆、装依赖、构建git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install $env:DRAWIO_UNSIGNEDtrue npx electron-builder --config electron-builder-win.json --publish never产物在项目根目录dist/。三个坑提前说--recursive不能省核心编辑器是 git 子模块漏了直接构建失败DRAWIO_UNSIGNEDtrue表示跳过代码签名系统弹 SmartScreen 警告属预期行为选更多信息 → 仍要运行别跑npm run release-win这类脚本那是 CI 发布用的会往远程推产物。日常开发其实不用打包npm start就能直接从源码树跑起来先退出所有已运行的 draw.io 实例否则新窗口会开进旧进程。完整说明见 构建文档。 四个高频现象对号入座双击.drawio没反应或被别的程序抢走右键文件 → 打开方式 → 选 draw.io勾选始终使用此应用打开。但如果你用的是便携版双击本来就无效——它不注册文件关联先运行 exe 再 File → Open。便携版拷进 U 盘后打不开先把 exe 拷回本机硬盘试。能跑就是 U 盘路径的问题带空格、带中文的路径最容易出事尽量放短英文路径。启动时更新检查报错、反复弹窗不影响画图加--no-silent-update改成下载前询问或直接按上面那节设置DRAWIO_DISABLE_UPDATEtrue一刀切。自构建版本启动后窗口开进了官方应用单实例机制在作怪只要有 draw.io 在跑新进程就只在已运行的那个里开窗口。退出所有实例再启动你的构建即可。✅ 三步验证走完就算装好了打开此电脑属性确认系统类型按第一节对应关系下载安装包并装完画一张两个矩形加一条连线的图File保存为.drawioFile→Export as导出一张 PNG再双击那个.drawio重新打开——能打开、能导出你的离线画图环境就跑通了。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考