
5分钟跑通drawio-desktop本地流程图绘制工具新手上手指南【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop上周你要把公司系统的架构图画出来但一打开在线绘图工具就卡住了画布里填的全是核心库表名和内部服务名直接传到别人家的服务器上你过不了自己心里的安全关。自己花钱买商业软件又太贵。drawio-desktop 就是为这个场景准备的一个完全在本地运行的免费开源流程图桌面应用画完的图从头到尾不离开你的电脑。 项目速览它是什么、贵不贵、在哪跑它是什么基于 Electron 的桌面应用把 draw.io 核心编辑器完整打包进本地窗口当前版本 31.3.2见 package.json。免费吗Apache 2.0 协议完全免费商用也不限不改动代码即可按现状用于任何目的。支持哪些系统Windows、macOS、Linux 都有对应安装包Windows 还提供免管理员权限的 MSI 和免安装便携版。⚡ 5分钟上手从零到画出第一张图先装好 Node.js 22.12 或更高版本然后依次执行 3 条命令拿到源码drawio编辑器是子模块必须递归克隆git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop预期得到drawio-desktop目录里面带着drawio/子模块。进入目录安装依赖npm install预期1-2 分钟后依赖装完无报错。启动应用npm start预期弹出 draw.io 桌面窗口左侧形状库、中央网格画布、右侧属性面板都在——你的第一张图可以从这里开始画。不想开发只想用跳过以上步骤从发行版直接下载对应系统的预编译安装包即可装完双击就是上面这个界面。 核心能力映射你需要什么时它会怎么做当你担心图纸内容外泄时——默认就是离线工作。除启动时的更新检查外应用不与互联网发生任何联系所有 JS 内置在包里内容安全策略禁止加载远程脚本图表数据和任何使用统计都不会发往外部服务器。公司电脑需要彻底关掉更新检查启动时加--disable-update参数或设置环境变量DRAWIO_DISABLE_UPDATEtrue就行。当你需要把图批量导出成图片时——不用点鼠标。它对 png、jpg、svg、pdf、xml、html 都支持还兼容 vsdx、csv、Mermaid 输入命令行参数定义在 src/main/args.js。当你换机器时——图表文件就是普通的.drawio/.xml文件丢进 git 或 U 盘都能带走窗口状态等本地数据保存在系统目录macOS 在~/Library/Application Support/draw.ioWindows 在AppData\Roaming\draw.io随系统走。️ 完整任务演示画一张两节点流程图并导出 PNG打开npm start后你会看到一张未命名的空白画布标题栏显示 Untitled Diagram.xml。操作在左侧 General 形状库拖一个矩形到画布中央再拖一个菱形按住矩形边缘的箭头点连到菱形上建立连接双击图形把文字改成开始和是否通过审核。右侧面板勾选 Grid、选 US-Letter 横向顺手把版面定下来。产出CtrlS 保存为flow.drawio然后菜单 File → Export as → Image选 PNG、放大到 200%得到一张 100% 可用的flow.png——这就是你贴进周报或评审文档的成品。️ 效率与避坑如果你在 Windows 上没有管理员权限就别选 NSIS 安装器它装到 Program Files 需要管理员改用.msi安装包装到当前用户或直接运行免安装的便携版 exe。如果你在公司受管控的环境里用启动参数加--disable-update应用就不会在启动时联网检查新版本适合统一由 IT 分发版本。如果你要一次导出几十张图别逐张点菜单在终端对文件夹执行drawio -x -f png 目录配--recursive还能递归处理子目录-o指定输出位置。如果你打开的图是从网上下载的注意图内可能嵌有 URL 指向的图片、背景或字体打开时客户端会去拉取这些资源不发送你的图纸内容但会暴露你的 IP来路不明的文件建议先别急着开。如果启动或更新出了异常想排查用npm start --enable-logging开日志模式再跑一次。收尾drawio-desktop 给你的就一件事但给得很彻底一个免费、离线、三大平台通用的本地绘图环境。现在就可以克隆仓库跑一遍或者直接从发行版下载安装包——画完第一张图你大概会想把之前的在线作图都迁过来。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考