drawio-desktop 完整指南:离线免费画流程图与架构图
发布时间:2026/11/6 4:56:22 锦皓数字建站

drawio-desktop 完整指南离线免费画流程图与架构图【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdrawio-desktop 是 draw.io 官方桌面版把核心编辑器打包成 Electron 应用。流程图、架构图、思维导图全部本地渲染断网照样画个人和公司都能免费用。为什么需要它浏览器里画图一半的麻烦来自网络。你在网页里画了一半标签页被关、网络被切编辑状态就悬空在那。更典型的是内网场景。公司内网机器连不上外网网页版编辑器根本加载不出来而 drawio-desktop 的所有 JavaScript 都内置在本机局域网、断网环境都能跑。还有一类顾虑是隐私。应用的内容安全策略CSP禁止执行任何远程加载的脚本图的内容本身不会外发适合画包含业务信息的架构设计图。装好它离线安装步骤前提是本机装好 Node.js版本不低于 22.12.0package.json 的engines字段写明了这个下限。 第一步检查 Node 版本node -v完成标志输出类似v22.x.x且不低于 22.12.0低于就升级 Node。 第二步克隆源码。draw.io 核心是以 git 子模块形式挂在drawio/目录下的必须带--recursivegit clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop完成标志drawio/目录里有完整的 draw.io 代码而不是一个空文件夹。 第三步在仓库根目录安装依赖npm install完成标志node_modules生成完毕Electron 等开发依赖就位无报错。 第四步启动应用npm start完成标志electron .被拉起几秒后弹出 draw.io 主窗口左侧形状库、中间画布直接可用。 第五步可选启动后行为异常时带日志再跑一次npm start --enable-logging完成标志控制台持续输出主进程日志方便定位卡在哪一步。数据存在哪里会不会联网你的 Local Storage 与 Session Storage 落在系统应用数据目录macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\网络侧应用被设计成与外网隔离唯一的外部请求是每天最多一次连接 github.com 查新版本更新包从 GitHub 名下的 AWS S3 桶下载。想彻底离线任选其一设环境变量DRAWIO_DISABLE_UPDATEtrue或启动时传--disable-update。实现见 src/main/electron.js。⚠️ 一个例外图文件如果嵌入了 URL 形式的外部资源图片、背景、字体打开时会去拉取这些资源以正常渲染这会把你的 IP 暴露给对方服务器。图的内容本身不会外发但陌生来源的图文件别轻易打开。速查表关键文件与命令文件 / 命令作用package.jsonnpm 脚本与依赖定义start脚本实际执行electron .src/main/electron.js主进程入口窗口、更新检查、日志都在这里src/main/electron-preload.js预加载脚本隔离主进程与渲染层electron-builder-win.jsonWindows 安装器打包配置electron-builder-linux-mac.jsonLinux / macOS 打包配置sync.cjs构建前从 draw.io 子模块读取版本号并同步依赖src/test/CLI 参数、窗口边界等模块的单元测试npm start启动应用npm start --enable-logging带日志启动排查启动问题DRAWIO_DISABLE_UPDATEtrue/--disable-update关闭全部更新检查避坑清单⚠️drawio/目录是空的克隆时漏了--recursive子模块没拉下来后续什么都跑不起来重新带参数克隆即可。⚠️ 依赖放错位置draw.io 子模块war/package.json的 dependencies 会原样打进安装包开发期才用的包必须放 devDependenciesDEVELOPMENT.md 里专门警告过。⚠️ 更新子模块顺序乱了要先在子模块里提交变更、打上版本 tag再回到本仓库推送推送动作才会触发 CI 构建。⚠️ 打开陌生图文件后出现意外外联图中嵌入了外部 URL 资源打开时会被拉取来源不明的图先别急着打开。⚠️ 找不到官方支持渠道支持走仓库 issue 系统非付费用户没有私人工单购买 Confluence / Jira 版本也不包含 desktop 支持。继续深入DEVELOPMENT.md开发环境与 CI 构建细节doc/RELEASE_PROCESS.md发布、签名与构建流程doc/BUILDING_FOR_PERSONAL_USE.md给自己打一个未签名构建SECURITY.md安全策略说明【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
锦
锦皓数字建站
深耕本土企业品牌数字化升级,专注原创端正雅致商务官网,从视觉设计到稳定运维全程保驾护航。