ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

drawio-desktop 离线绘图软件:从安装到批量导出的上手指南

drawio-desktop 离线绘图软件:从安装到批量导出的上手指南 drawio-desktop 离线绘图软件从安装到批量导出的上手指南【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop客户发来的 Visio 流程图要嵌进内网 Wiki在线绘图工具一打开就要登录账号图里还带着不想外传的网络拓扑偏偏内网那台笔记本连不了外网——这就是 drawio-desktop 要解决的处境。它是 draw.io 编辑器的官方 Electron 桌面构建一款完全离线运行的免费流程图工具Windows、macOS、Linux 全平台可装画出来的图全程留在本机。 先说清楚它凭什么值得装商用要不要掏钱不用免费个人和公司都不产生费用。依据是 Apache 2.0 许可README.md 写得直白只要不改代码、接受 as-is 条款任何用途都行。就算你想改代码自用官方也留了路——fork 之后构建一个未签名的个人版本即可完整流程在 doc/BUILDING_FOR_PERSONAL_USE.md。图表数据会不会出网不会除了启动时一次可选的版本检查应用不建立任何网络连接。所有 JavaScript 文件自包含界面层的 Content Security Policy 禁止运行远程加载的脚本应用自身的网络请求被限制为只连自己不采集使用统计图表内容永不外发。官方文档的态度很明确安全和隔离是项目的第一目标任何默认开启外连的功能请求都会被拒绝。老 Visio 文件能不能直接打开能而且还能继续改不是只读预览。桌面版内置 VSDX 导入模块Visio 文件转成 draw.io 格式后可以继续编辑再导出为 PDF、SVG、PNG、XMLCSV 和 Mermaid 文本同样能作为图来源直接打开。后端组常用的玩法把文档里积压多年的 Visio 老图批量转成 PDF 嵌进 Wiki不用专门开一台装了 Visio 的 Windows 机器。 从安装到第一张图的最短路径日常使用releases 页的预构建安装包就够了Windows 提供三种形态——需要管理员权限的全局安装、免管理员的 per-user MSI、以及不安装直接运行的便携版。想从源码构建或改它前置条件是 Node.js 22.12 和 npm。克隆仓库并进入目录git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop--recursive不能省核心编辑器是以 git 子模块放在drawio/目录里的漏掉它那个目录是空的构建必失败。安装依赖并启动npm install npm startnpm install拉齐 package.json 里声明的依赖npm start直接用 Electron 从源码树加载编辑器不需要打包成安装包。启动后是三栏布局左侧形状库、中间画布、右侧属性面板文件菜单新建把矩形、菱形从左侧拖到画布用连接工具把锚点连起来双击形状输入文字在右侧面板调整填充色、字体、线宽然后 CtrlS 保存或直接导出 PDF / PNG / SVG小贴士首次启动打不开画布或行为怪异时用npm start --enable-logging重启一次日志会直接指出原因。⌨️ 一条命令批量导出一整个文件夹图从一张变成几十张就切到命令行模式。完整示例npm start -- -x -r -f pdf -o ./out ./diagrams参数拆开看-x进入导出模式-r递归处理子目录-f pdf指定输出格式png、svg、xml、html 均可-o ./out指定输出目录。./diagrams里的 .drawio、VSDX、CSV、Mermaid 文件会被一并转换。进阶玩法两个--layout在导出前对图表跑自动布局verticalFlow、horizontalTree、radialTree 等预设杂乱的图会被先理直再输出PDF 格式还可以用-g指定页码范围。参数的完整定义在 src/main/args.js读完这一个文件就掌握了 CLI 的全部能力。重要提示批量导出前先退出已安装的官方 draw.io。这个应用同一用户只允许一个运行实例官方版本开着时你从命令行启动的副本只会往官方应用里开一个新窗口导出命令并不生效。❓ 四个高频疑问直接给答案桌面版和在线版 draw.io 到底差在哪核心编辑器是同一套。差别在于桌面版完全离线、文件操作不依赖网络、大图表的加载和导出比浏览器里稳还多了命令行模式在线版则依赖浏览器环境和登录态。图表数据和缓存存在哪里各系统的用户应用数据目录macOS 在~/Library/Application Support/draw.ioWindows 在C:\Users\用户名\AppData\Roaming\draw.ioLinux 按 Electron 默认规则在~/.config/draw.io。清缓存、做备份都去这三个位置。完全断网的内网环境能不能用能把唯一的联网行为关掉就行设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动时传--disable-update启动时的版本检查就彻底消失。一个隐蔽的坑如果图表内嵌了外部图片或字体的 URL打开图表时会去请求那个地址以便正常渲染——只暴露访问行为不传图表内容但陌生来源的图表要谨慎打开。没有管理员权限的办公电脑能不能装能。Windows 上选 per-user 的 MSI 安装包或者不安装直接运行的便携版注意便携版不注册文件类型关联双击 .drawio 文件不会自动打开。项目档案许可、贡献政策与安全机制许可是 Apache 2.0。项目对外部代码贡献关闭README 里 Not open-contribution 一节的解释是编辑器复杂度高连小改动都可能牵动大量其他部分所需测试量远超直觉bug 报告和功能建议欢迎代码本身基本由内部消化。真想改的话路径清晰——fork 后设置DRAWIO_UNSIGNEDtrue构建未签名个人版系统会警告但能用。构建与发布的 CI 流程写在 DEVELOPMENT.md。桌面端本质是个壳源码结构很薄drawio-desktop/ ├── src/main/ # Electron 主进程 │ ├── electron.js # 窗口、文件对话框、命令行入口 │ ├── args.js # 全部 CLI 导出参数定义 │ ├── electron-preload.js # 预加载脚本 │ └── disableUpdate.js # 更新检查开关 ├── drawio/ # 核心编辑器git 子模块本体在这里 ├── build/ # 安装包资源与图标 └── package.json安全机制一句话讲清更新检查是唯一默认的联网行为且可彻底关闭JavaScript 全部自包含、CSP 禁远程脚本LocalStorage、SessionStorage 连同你的图全部落在本地应用数据目录。与互联网隔离从第一天就是设计目标。记住这几点就够了免费Apache 2.0个人与商用均无费用离线无遥测、无上传图表不出本机免权限Windows 三种安装包形态MSI 与便携版都不需要管理员兼容VSDX / CSV / Mermaid 可导入PDF / SVG / PNG / XML 可导出可批处理一条命令递归转换整个文件夹导出前还能自动布局下一步就一件事把仓库克隆下来画出你的第一张流程图用得不顺手直接去仓库提一个 issue。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表