drawio-desktop 本地部署指南离线画流程图5 分钟跑通【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdrawio-desktop 是基于 Electron 封装 draw.io 官方编辑器的开源桌面应用Apache 2.0 协议。本文带你完成 drawio-desktop 本地部署克隆仓库、安装依赖、直接启动之后所有流程图的创建与编辑都发生在本机数据不出内网。功能速览完全离线JS 全部内置CSP 禁止执行远程脚本不依赖浏览器本地存储文件与缓存只落在系统指定目录无云端同步免费可用Apache 2.0 协议个人与商用均不限覆盖主流图型流程图、架构图、UML、思维导图界面即开即用跨平台Windows、macOS、Linux 均有构建配置与安装包环境搭建drawio-desktop 本地部署三步前置条件Node.js ≥ 22.12 与 npm其余无额外依赖。 第一步拉取代码。必须带--recursive否则核心的 drawio 子模块是空的git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop 第二步安装依赖。Electron 会随 npm 一起下载首次较慢cd drawio-desktop npm install 第三步启动应用npm start需要看主进程日志时改用npm start --enable-logging即可。核心使用流程应用启动后的第一条操作路径主界面选Blank空白画布或选一个模板右侧边栏会加载对应形状库从左侧工具栏拖入矩形、菱形等形状拖线连接双击节点编辑文字按Ctrl/Cmd S保存生成.drawio格式的 XML 文件存到哪里都行需要交付时走File → Export as可导出 PNG、SVG、PDF再次打开历史文件File → Open from → Device选本地文件即可drawio-desktop 主界面左侧工具栏、上方形状库与中央画布离线状态下可直接画流程图代码结构速写这个仓库体量不大核心就两部分Electron 外壳在src/main/编辑器本体在子模块里。src/main/electron.js主进程入口窗口与菜单逻辑src/main/electron-preload.js预加载脚本桥接主进程与页面src/main/args.js解析命令行参数如文件格式校验src/main/window-bounds.js记录窗口位置尺寸下次原位恢复sync.cjs从子模块取版本号并同步依赖electron-builder-win.jsonWindows 平台打包配置electron-builder-linux-mac.jsonLinux 与 macOS 打包配置drawio/draw.io 编辑器核心以 git 子模块引入安全与数据边界官方对网络行为的限制设计如下客观陈述供你核对网络访问仅用于更新检查启动时查 GitHub 并自 AWS S3 拉取更新包内网环境可用--disable-update启动参数或DRAWIO_DISABLE_UPDATEtrue环境变量彻底关闭内容安全策略界面层的 CSP 禁止执行远程加载的 JS应用自身网络请求只允许指向自己无遥测不收集、不上报任何使用数据数据落盘位置macOS 在~/Library/Application Support/draw.ioWindows 在C:\Users\用户名\AppData\Roaming\draw.io\⚠️ 一个例外图内若引用了外部 URL 的图片、背景或字体打开该文件时会向对应地址发起请求不发送图的内容。来自不可信来源的.drawio文件建议先审查再打开。踩坑与注意子模块缺失clone 时漏了--recursivedrawio 目录为空、构建直接失败。补执行git submodule update --init即可Node 版本过低项目要求 Node ≥ 22.12低版本在 install 或 start 阶段报错。升级 Node 后重跑单实例限制同一用户只允许一个运行实例。若官方客户端已开着npm start只是在旧进程里新开窗口看不到你的改动。先退出旧应用依赖会被打进安装包修改drawio/war/package.json时只有dependencies会进入最终产物开发依赖要放devDependencies接下来你可以做什么直接改src/main/electron.js试外壳层行为npm start立即生效想构建自己的无签名安装包按个人构建文档走DRAWIO_UNSIGNEDtrue流程发版与构建细节、安全策略可查官方说明延伸阅读DEVELOPMENT.md开发流程、doc/BUILDING_FOR_PERSONAL_USE.md个人构建指南、SECURITY.md安全策略。拉下仓库npm start起来画下你第一个离线流程图。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考