ARTICLE DETAIL

资讯详情

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

drawio-desktop完整指南:免费流程图工具

drawio-desktop完整指南:免费流程图工具 drawio-desktop完整指南免费流程图工具【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdrawio-desktop 是 draw.io 的官方桌面版一个用 Electron 封装 draw.io 核心编辑器的应用。它可以完全离线绘制流程图、UML 图并导出为 PNG、PDF、SVG。如果你的图表数据不能出内网或者需要一个团队共用的免费流程图工具这就是它的官方仓库。 项目速览它是什么、用什么写的drawio-desktop 是 draw.io 的官方桌面版Electron 应用核心 draw.io 编辑器以 git 子模块形式内置在drawio/目录里。它支持离线绘制流程图、UML 等图表并导出为 PNG、PDF、SVG 等格式。项目采用 Apache 2.0 许可证任何用途都可以免费使用仓库位于 gitcode 镜像GitHub_Trending/dr/drawio-desktop地址见下节的 clone 命令。⏱️ 5 分钟跑起来从 clone 到第一个窗口前置条件是 Node.js 22.12 以上package.json的engines字段有要求npm 随 Node 自带。按顺序执行下面的命令git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start第一行把仓库和 drawio 编辑器子模块一起克隆下来npm install安装依赖npm start启动应用跑完会看到形状库—画布—属性面板三栏式窗口。如果卡在这一步clone 后drawio/目录是空的漏了--recursive先在项目根目录执行git submodule update --init把编辑器代码拉下来再启动。✏️ 核心工作流画一张流程图并导出以画一张简单流程图并导出为例流程是这样的打开应用默认就是一个新画布左侧是形状库顶部有 File、Edit、View 等菜单。拖放形状从左侧库把矩形、菱形拖到中央画布双击形状直接输入文字。连接与调整用顶部工具栏的箭头工具连接形状右侧 Diagram 面板可以开关网格和背景、设置页面尺寸与横竖版。保存与导出File → Save 存成.xml文件在导出对话框里选择 PNG 或 PDF 得到图片。界面区域你能干什么左侧 Search Shapes搜索并拖放形状库图形左侧 Scratchpad临时工作区先拖这里试手感中央画布绘制、连接、编辑形状顶部工具栏与菜单保存、导出、排列调整右侧 Diagram 面板开关网格/背景设置纸张尺寸与方向底部页签栏切换页面、新增页面 值得深挖的功能离线开关、命令行导出与个人构建离线隔离与更新开关。默认情况下应用唯一的网络行为是启动时的版本检查CSP 禁止运行远程加载的脚本图表数据不会被发送到任何服务器。设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动时传--disable-update可以彻底关掉更新检查。适合需要 drawio 离线使用、部署在集中管理或完全内网机器上的场景。命令行批量导出。除.drawio外命令行还直接支持.vsdx、.csv和 Mermaid 文件作为输入可导出 png、pdf、svgdrawio -x -f png -o out.png flowchart.drawio这条命令把flowchart.drawio导出为 png 文件Visio 文件导入 drawio 再转成目标格式的整个链路一步就能完成。适合需要批量产出文档配图或写脚本自动化的人。Fork 后构建自己的外壳。许可证是 Apache 2.0fork 后设置DRAWIO_UNSIGNEDtrue跳过签名就能构建一个仅供自己使用的未签名版本完整步骤在doc/BUILDING_FOR_PERSONAL_USE.md。适合想改菜单、窗口行为等外壳逻辑的开发者。注意个人构建不受官方团队支持也不要把自己的构建当作 draw.io 官方版本分发。⚠️ 容易踩的坑子模块、单实例与自动更新现象clone 后执行npm start应用启动即退出或界面空白。原因clone 时漏了--recursivedrawio/编辑器目录是空的Electron 没有内容可加载。解法在项目根目录执行git submodule update --init。现象改了源码再启动弹出的却是官方应用的窗口你的改动没有生效。原因draw.io 每个用户只允许一个运行实例已经开着的官方应用会接管新启动的进程。解法先完全退出所有运行中的 draw.io再启动你的副本。现象自己构建的个人版本过一段时间行为变回了官方版本。原因自动更新默认开启应用会把自己更新回官方版本你的改动被静默覆盖。解法构建前执行npm run sync -- disableUpdate或启动时设置DRAWIO_DISABLE_UPDATEtrue。 资源指路文档、构建指南与仓库入口README.md许可证说明、Windows 三种安装包的差异、安全设计原文doc/BUILDING_FOR_PERSONAL_USE.mdfork 后构建未签名个人版的完整流程doc/RELEASE_PROCESS.md官方团队如何构建、签名并发布每个版本DEVELOPMENT.mdCI 配置与代码签名背景它适合需要离线画流程图、UML 的人适合想做批量导出也适合想读 Electron 外壳源码并做个人构建的开发者。不适合指望向主项目直接提交 PR 的人——项目不接受外部代码贡献反馈走仓库 issue 渠道。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表