ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

draw.io 桌面版使用指南:离线绘图、VSDX 导入与命令行批量导出

draw.io 桌面版使用指南:离线绘图、VSDX 导入与命令行批量导出 draw.io 桌面版使用指南离线绘图、VSDX 导入与命令行批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop评审前需要一张当天就能改的网络拓扑图时能在本地运行、离线编辑的工具是第一要求。draw.io 桌面版是 JGraph 官方提供的 draw.io 桌面构建把网页版编辑器封装成原生安装包图表文件全部存本地并支持导入 VSDX、导出 PDF、PNG、SVG 等格式。项目定位是什么适合谁draw.io-desktop 是一个基于 Electron 的应用采用 Apache 2.0 许可证当前版本 31.3.2见 package.json。核心编辑器不在这个仓库里而在drawio/git 子模块中窗口管理、菜单、自动更新等主进程逻辑位于src/main/electron.js。适合谁需要画流程图、UML、网络拓扑图且必须在内网或离线环境工作的人手头有 Visio VSDX 存量文件需要迁移再编辑的人想把图表导出接进脚本或 CI 流水线的人。不适合谁以浏览器里多人实时协同为主场景的人桌面版没有在线协作功能期待通过提交 PR 参与核心代码的人README 明确项目不接受外部贡献只接收 bug 报告和功能请求。快速上手从官方安装包到第一次导出最短路径是从发行版下载预编译二进制。Windows 提供三种形态NSIS 安装器按机器安装需要管理员权限、MSI按用户安装无需管理员权限、便携版免安装但不注册文件关联。Linux 有 AppImage、deb、rpm 和 snapmacOS 为 dmg。从源码构建要求 Node.js 22.12.0git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start验收标准启动后新建一张图画布上放两个图形并连一条线用 File → Export 导出一张 PNG。图片能生成且可打开安装就算完成。按任务拆解从导入旧文件到批量导出导入 Visio VSDX 旧文件导入入口直接接受 .vsdx命令行导出同样支持 vsdx、csv 和 Mermaid.mmd/.mermaid作为输入参数定义在 src/main/args.js。导入后元素变成普通的 draw.io 图形可以重新编辑。产出是一份 .drawio 文件XML。导入后位置或样式有出入时先在画布上调整再导出。日常流程图与 UML 绘图界面左侧是形状库中间是画布右侧是属性面板。画流程图或 UML 类图的流程新建文档 → 选模板 → 拖入形状 → 用连接线工具连接 → 在属性面板调颜色、字体和线型。保存下来的 .drawio 是纯文本 XML可以放进 Git 仓库文本层面就能做 diff。用命令行批量导出图表同一个二进制也能当 CLI 用。常用参数-x导出、-f格式pdf、png、jpg、svg、xml、html、-s缩放、-a全部页、-l图层索引、--layout布局算法verticalFlow、horizontalFlow 等预设、-t透明背景drawio -x flow.drawio -f png -s 2 -o flow.png drawio -x --recursive diagrams/ -f pdf产出是一条批量导出命令把目录传进去递归处理每张图得到一个输出文件适合挂进 CI 任务随文档一起生成图。文件共享与版本管理桌面版的协作路径是文件级的导出 PNG 或 PDF 发给同事或分享 .drawio 源文件用 Git 管变更。macOS 安装包自带 Quick Look 扩展在 Finder 里按空格键可直接预览图表内容不用打开应用。横向对比三种方案怎么选维度draw.io 桌面版draw.io 在线版Microsoft Visio价格免费Apache 2.0免费部分高级功能受限付费许可平台Windows / macOS / Linux浏览器以 Windows 为主离线使用全功能不可离线可离线VSDX导入与导出导入与导出原生格式实时协作无有依赖 SharePoint 等CLI 批量导出支持不支持需另配自动化表内只列事实取舍取决于团队已有流程和合规要求。进阶一题完全离线部署的配置方法桌面版的设计目标是与互联网隔离默认唯一的网络行为是启动时的更新检查CSP 禁止远程加载 JavaScript也不会上报任何使用统计。对完全断网的环境有两种方式关闭自动更新设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动参数加--disable-update。相关逻辑在主进程 src/main/electron.js更新依赖为 electron-updater。一个容易被忽略的点图表自身若通过 URL 引用了外部图片、背景或字体打开时会向该地址发请求以便正确渲染但不传输图表内容。因此高安全环境下避免打开来源不明的文件。需要 fork 后自编译无签名时流程写在 doc/BUILDING_FOR_PERSONAL_USE.md设置DRAWIO_UNSIGNEDtrue即可跳过代码签名与公证。常见问题问桌面版和在线版的文件能互通吗答可以。.drawio 是纯文本 XML 文件两边共用同一套编辑器核心互相打开没有问题。问Windows 上 NSIS、MSI、便携版怎么选答NSIS 按机器安装、需要管理员权限MSI 按用户安装、不需要管理员权限便携版免安装但不注册文件类型关联。问图表内容会不会离开本机答默认不会。唯一网络行为是更新检查且可关闭仅当图表引用了外部 URL 时打开会触发对资源的请求。问npm install 失败怎么办答先确认 Node.js 版本满足 22.12.0必要时用npm cache clean --force清缓存后重试。问内网机器上完全可用吗答可以。绘图、导入、导出功能全部在本地完成关闭更新检查后不依赖任何网络。结语需要离线绘图、VSDX 迁移或批量导出的团队桌面版是更省心的选择主要场景是浏览器实时多人协作的则用在线版更合适。资源清单README.md安装形态、安全模型、本地数据存储位置doc/BUILDING_FOR_PERSONAL_USE.mdfork 与自编译指南src/main/主进程、IPC 桥接与 CLI 参数解析package.json版本号与构建脚本【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表