如何使用 drawio-desktop：免费离线、能打开 Visio 文件的跨平台桌面绘图工具

如何使用 drawio-desktop免费离线、能打开 Visio 文件的跨平台桌面绘图工具【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop如果你需要一款完全免费、可以离线工作、还能直接打开 Visio 文件的绘图工具drawio-desktop 是 draw.io 官方的桌面版本。它用 Electron 把 draw.io 核心编辑器打包成 Windows、macOS、Linux 三平台的原生应用图表数据全部留在本地唯一会联网的动作是启动时的版本检查。这篇文章讲清楚它的安装方式、界面布局以及如何用命令行导出功能把它变成一个批量出图的工具。先解决一个痛点在线版的三个限制在线版 draw.io 方便但对有些场景不太够用依赖网络断网环境内网服务器、飞机上打不开编辑器数据存云端架构评审、安全方案这类敏感图不想让内容经过第三方服务器Visio 格式只进不出同事发来.vsdx文件在线版处理起来受限drawio-desktop 针对的正是这三个问题。它的定位在官方 README 里写得很直白安全性和隔离是首要目标任何要求默认开启外部连接的需求都会被拒绝。它和在线版的关系是同一个编辑器不同的壳。桌面应用本身只是 src/main/electron.js 这一层 Electron 主进程代码真正的绘图核心是仓库里的drawio子模块git submodule。所以功能与在线版保持同步当前 package.json 中的版本是 31.3.1要求 Node.js 22.12 以上。安装三种官方渠道按需选择最简单的方式是去项目的 release 页面下载预编译安装包。Windows 上会提供三种形态安装方式权限要求适用场景NSIS 安装器.exe需要管理员装到 Program Files个人主力机MSI 安装器不需要管理员装到用户目录公司电脑没有 admin 权限便携版-no-installer.exe无需安装直接运行U 盘携带、临时使用不注册文件关联macOS 和 Linux 则在 release 页面提供对应安装包。想从源码跑起来比如想魔改界面流程是下面四步注意必须带--recursive否则编辑器子模块不会拉下来构建会直接失败git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start遇到奇怪问题时可以加日志参数排查npm start --enable-logging。一个容易踩的坑draw.io 每个用户只允许运行一个实例。如果你已经装好了官方版本又在跑源码版新启动的窗口会直接弹到已运行的官方实例里你的改动看不到。测试前先把官方版退出。界面左形状库、中画布、右属性面板界面是典型的三栏布局新手几分钟就能上手区域作用常用操作左侧搜索框 形状库找形状、拖入画布Search Shapes 输入关键词如 UML、AWS中央画布绘图区拖放、连线、双击改文字底部 Page-1 标签可加页右侧 Diagram 面板画布级属性勾选 Grid / Background / Connection Arrows设置纸张大小顶部工具栏缩放、撤销重做、排列100% 缩放、对齐、组合日常画图的操作就是左侧拖一个矩形 → 拖一个菱形 → 用连线工具连起来 → 双击形状输入文字。颜色、线条粗细这些样式在选中元素后的格式面板里调整和大多数绘图软件的习惯一致。 小贴士左侧形状库上方有个Scratchpad草稿区可以先在里面摆形状、调样式整理好再一次性拖进画布比直接在画布上摆更省撤销键。 安全设计它如何做到离线这是这个项目和普通 Electron 应用最大的区别值得单独说清楚网络隔离除了启动时检查更新应用不与互联网通信。所有 JavaScript 文件自包含内容安全策略CSP禁止运行远程加载的脚本零遥测不发送任何图表数据也不收集使用分析数据可彻底断网启动时加--disable-update参数或设置环境变量DRAWIO_DISABLE_UPDATEtrue就能关掉唯一的版本检查——这是公司统一管控部署的常用做法有一个例外要知道图表文件本身可以引用外部资源比如内嵌在图里的图片、背景、字体 URL。打开这类图表时为了让画面渲染正确应用会去请求这些 URL。这意味着打开来源不明的.drawio文件时可能把你的 IP 暴露给对方服务器虽然不会传出图表内容。所以收到陌生来源的图表文件时先留意一下图里有没有外链图片。⌨️ 进阶玩法命令行批量导出桌面版藏着一个很多人不知道的用法它可以当命令行工具用。drawio [options] [input file/folder]的形式支持批量导入导出。输入不仅支持.drawio文件还能直接读.vsdx、CSV 和 Mermaid.mmd/.mermaid文件输出支持 pdf、png、jpg、svg、xml、html 六种格式。最常用的一条命令把整个目录的图表递归转成 PDFdrawio -x -r -f pdf -o ./export ./diagrams-x触发导出-r递归处理子目录-o指定输出位置。几个值得一记的参数参数作用-f/--format输出格式默认 pdf也可从输出文件名后缀推断-a/--all-pagesPDF/HTML 导出全部页默认只导第一页-p/--page-index只导出指定页从 1 开始编号-t/--transparentPNG/SVG 输出透明背景--layout打开后自动重排可选 verticalFlow、horizontalTree、radialTree 等预设-k/--check目标文件已存在时跳过不覆盖配合--layout可以做出提交 drawio 源码 → CI 里一条命令生成架构图 PDF → 塞进文档仓库的自动化流水线。参数清单可以跑drawio --help查看全部实现逻辑在 src/main/args.js 里。 小贴士--output省略时输出文件名就用输入文件名加新扩展名-s参数还能控制输出尺寸缩放做 PPT 配图时很顺手。常见问题图表数据存在哪里应用的本地存储放在各系统的应用数据目录macOS 是~/Library/Application Support/draw.ioWindows 是C:\Users\用户名\AppData\Roaming\draw.io\。图表文件本体则保存在你自己选择的路径和在线版存到云端不同。为什么我明确没联网应用还是发起了一次请求两种可能一是启动时的版本检查用--disable-update可关二是打开的图表引用了外部媒体资源渲染时按需拉取。前者可控后者取决于图表内容见上文安全一节的说明。能商用吗能提交代码吗代码采用 Apache 2.0 许可不修改、按原样使用的话任何用途都免费商业项目没问题。但项目不接受外部代码贡献——官方解释是编辑器复杂度太高任何小改动都可能牵动大量模块测试成本远超预期。bug 和功能建议通过仓库 issue 提交想魔改的话Apache 2.0 允许你 fork 后自己构建项目里的 doc/BUILDING_FOR_PERSONAL_USE.md 有完整的个人构建流程需要设置DRAWIO_UNSIGNEDtrue跳过签名。上手第一步如果公司里还有人在为 Visio 的授权费用发愁或者你在内网环境画过图先做一件事就够了装好桌面版打开任意一个.vsdx文件确认能正常渲染然后跑一条drawio -x -f pdf试试批量导出。这两步通了后面接 CI、做自动化文档流水线就是水到渠成的事。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考