★ FEATURED ARTICLE drawio-desktop 离线绘图从安装到导出 SVG 的完整流程【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop客户现场断网UML 图打不开了或者你正在画系统架构图又不想让图表数据离开这台电脑。drawio-desktop 用 Electron 把 draw.io 核心编辑器装进了桌面壳里画图、编辑、导出全程离线可用数据只存在本机。 安装与启动 drawio-desktop安装包怎么选源码怎么跑普通用户去发布页下载对应平台的安装包。Windows 有三种区别主要在权限draw.io-x.y.z-windows-installer.exeNSIS整机装进 Program Files需要管理员权限draw.io-x.y.z.msi按用户安装免管理员公司管控机首选draw.io-x.y.z-windows-no-installer.exe绿色免安装不注册文件关联macOS 提供 dmg/zipLinux 提供 AppImage、deb、rpm按自己的系统取就行。开发者想改默认行为或追最新代码从源码跑起来最小命令序列如下要求 Node.js 22.12 及以上git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start这里的关键是--recursive真正的画图编辑器以 git 子模块形式放在drawio/目录里不带这个参数子模块就是空的应用拉起来也是白屏。调试时追加npm start --enable-logging就能看到详细日志。 实战画一张系统架构图并导出 SVG以Web 服务 → 数据库的极简架构图为例把整个流程走一遍。打开应用从左侧 General 形状面板拖两个矩形到中央网格画布双击重命名为Web 服务和数据库。画布按网格吸附落点你得到两个带文本的节点位置不会歪。把鼠标悬停到矩形边缘等小圆点连接点浮现按住拖向另一个节点再松开。两个节点之间出现一条带方向的连线架构图主干完成。接着看右侧 Diagram 属性面板确认 Grid 勾选把网格间距设为 10 pt按需切换 US-Letter 纸张和横向/纵向。版面统一之后整张图会明显整齐。最后在 File 菜单把文件另存为.drawio再导出为 SVG。本机会得到一份矢量文件可以进版本库直接丢进技术文档放大不糊。⚙️ 实用操作命令行批量导出、内网关闭自动更新、确认数据不出本机批量转换整个文件夹适合文档归档和 CI打包后的程序自带命令行导出参数定义在 src/main/args.js。输入除了.drawio还支持 vsdx、csv、Mermaid 文件配合--recursive可以递归转换整个文件夹。输出格式可选 pdf、png、jpeg、svg、xml、html用-f指定-o指定输出位置drawio --export docs/ -f svg --recursive -o exports/几个常用的--all-pages导出 PDF 全部页--layers指定图层-q调 JPEG 质量默认 90--timeout给单文件导出限时卡住的文件会跳过。关掉自动更新适合内网统一部署应用默认只在启动时联网检查新版本。集中部署的内网机器通常要禁掉它设环境变量DRAWIO_DISABLE_UPDATEtrue或启动时传--disable-update。具体逻辑在 src/main/disableUpdate.js这个文件会被npm run sync重新生成改包前留意。确认数据不出本机适合合规场景内容安全策略CSP禁止运行远程加载的脚本不上传图表内容也不发任何使用分析。本地数据存放位置macOS 在~/Library/Application Support/draw.ioWindows 在C:\Users\用户名\AppData\Roaming\draw.io\。细节见 README.md 的 Security 章节和 SECURITY.md。⚠️ 常见报错排查空白界面、权限不足与改动不生效克隆后 npm start编辑器空白→ 没带--recursive克隆drawio/子模块缺失 → 执行git submodule update --init再启动。双击 Windows 安装器提示权限不足→ NSIS 版是整机安装强制要求管理员 → 换.msi按用户安装或免安装版。npm start 正常启动但你的代码改动不生效→ draw.io 同一用户只允许一个实例官方应用还在运行时npm start会在官方应用里新开窗口 → 先退出所有 draw.io 再启动。打开来路不明的图表出现网络请求→ 图表内容不外传但图中内嵌的图片、背景、字体 URL 会在打开时被拉取可能把你的 IP 暴露给对应服务器 → 打开外部文件前先检查它引用了什么。Linux 上 AppImage 启动报 fuse: memory allocation failed→ 新版 AppImage 用静态运行时和旧版 AppImageLauncher 不兼容 → 升级 AppImageLauncher 到 3.0 以上或干脆卸载它。延伸阅读drawio-desktop 的价值一句话把画图这件事完全搬回本地界面、数据、导出都不依赖网络还能用命令行批量处理文档。想继续深挖从这几处入手DEVELOPMENT.md 讲 CI 与构建流程doc/BUILDING_FOR_PERSONAL_USE.md 是修改代码后自建未签名包的完整指南src/main/args.js 是全部命令行参数的源码出处。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
阅读完成 · 觉得有帮助？
