新闻详情

新闻详情

首页 / 资讯中心 / 详情

3 步用 draw.io 桌面版画完第一张图:安装、离线画图、命令行批量导出

发布时间:2026/9/18 23:15:59来源:尧图网络
3 步用 draw.io 桌面版画完第一张图:安装、离线画图、命令行批量导出
3 步用 draw.io 桌面版画完第一张图安装、离线画图、命令行批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版drawio-desktop是基于 Electron 的官方桌面绘图工具把 draw.io 网页编辑器打包成可安装、完全离线运行的本地应用流程图、架构图、UML 随手画所有数据留在自己电脑里Apache 2.0 许可允许免费商用。这篇文章面向第一次接触它的新手按「装好 → 画一张图 → 命令行导出」三步走顺带讲清数据存放位置和常见卡点。当前版本为 31.4.2见 package.json。 选对 draw.io 桌面版安装包Windows 四种方式对比结论有管理员权限选 NSIS 安装包没有权限选 MSI 或 Store 版想拷 U 盘就用便携版。各安装包发布在项目的 releases 页面命名和适用场景如下说明详见 README.md安装包适用场景关键点…-windows-installer.exeNSIS全机安装装入 Program Files需要管理员权限注册 .drawio / .vsdx / Mermaid 文件关联….msiMSI无管理员权限的机器按用户安装到用户目录不需要管理员权限…-no-installer.exe便携版免安装、U 盘携带直接运行不注册文件关联双击 .drawio 打不开Microsoft StoreAPPX习惯用商店的用户按用户安装无需管理员权限其他平台按架构选包即可macOS 有 dmgx64 / arm64 / universalLinux 提供 AppImage、deb、rpmx64 与 arm64 均有另有 Snap 包。文件关联在构建配置里声明三种类型.drawio、.vsdx、Mermaid.mmd/.mermaid均自动关联可参考 electron-builder-win.json。如果要从源码构建改壳、打自己的包git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start--recursive不能省核心编辑器是 git 子模块npm start直接从源码树运行。需要 Node.js 22.12 及以上。正式打包前需npm run sync同步版本号个人构建的详细步骤见 doc/BUILDING_FOR_PERSONAL_USE.md。⚡ 跑通第一张图从空白画布到 .drawio 文件结论装好后双击启动就能画界面就三块——左侧形状库、中间画布、右侧页面设置。在左侧「Search Shapes」搜形状名或展开 General 等分类把矩形、椭圆拖到画布上。鼠标悬停到图形边缘出现连接点拖线到另一个图形上连线完成双击图形直接输入文字。画布大可以用 Scratchpad草稿区暂存零散元素。右侧 Diagram 面板调整网格、背景、纸张方向底部页签可加新页面。文件 → 保存默认扩展名.drawio这就是可版本管理、可离线流转的最终文件。️ drawio 命令行批量导出2 条最常用的命令结论安装版注册了drawio命令把.drawio文件批量转成 PDF/PNG 嵌进文档一条命令搞定。输入除了 .drawio 文件还支持 .vsdx、csv 和 Mermaid.mmd/.mermaid。# 单文件导出 PDF drawio -x -f pdf -o 架构图.pdf 架构图.drawio # 递归导出整个目录为 PNG drawio -x -f png -r diagrams/关键参数完整列表运行drawio -h查看-x开启导出模式不带-x就是正常打开画图。-f格式可选 pdf、png、jpg、svg、xml、html。-o输出文件或目录省略时用输入文件名加新扩展名。-r目录输入时递归处理子文件夹。常用辅助-b 10加边框宽度-s 2放大两倍-a导出 PDF 全部页面-t给 PNG/SVG 设透明背景。 数据存在哪、内网怎么彻底离线结论图表是本地文件应用状态在各系统的应用数据目录备份就是整个目录拷走系统数据目录WindowsC:\Users\用户名\AppData\Roaming\draw.io\macOS~/Library/Application Support/draw.io网络行为上默认唯一的外联是启动时的更新检查。所有 JavaScript 自包含内容安全策略禁止远程加载脚本不发送任何使用统计图表内容不会上传。两个注意点图表内引用了外部图片、背景或字体时打开文件会向对应 URL 发起请求。打开陌生来源的图表要留个心眼它可能暴露你的 IP 地址。完全离线的内网机器首次启动可能因更新检查卡住或报错。加启动参数--disable-update或设置环境变量DRAWIO_DISABLE_UPDATEtruedrawio --disable-update 排障速查症状原因处理双击 .drawio 打不开便携版不注册文件关联用 NSIS 或 MSI 重装或手动把 .drawio 默认程序指到桌面版内网机器首次启动报错/超时启动时更新检查连不出去加--disable-update或设DRAWIO_DISABLE_UPDATEtrue要备份全部图表—整拷上表数据目录图表与本地状态都在里面想和同事实时共编一张图桌面版定位离线工具不支持实时协作传文件 git 管版本是最常见工作流收尾现在就做两件事把.drawio文件挪进 git 仓库管理版本把系统数据目录整拷一份做备份。然后挑一份文档用drawio -x -f pdf把全套图批量导出来。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

流式长文本渲染的复制选中与分享保真处理 2026/9/19 2:46:33

流式长文本渲染的复制选中与分享保真处理

流式长文本渲染的复制选中与分享保真处理在大模型流式对话与文档生成产品中,用户最频繁的一个高频操作就是**“复制与分享”**:用户选中一段正在生成的长文本或点击“一键复制”按钮,随后粘贴到飞书文档、Notion 或 Markdown 编辑器中。 但很…

阅读更多 →
编写Skill实现自动化用例生成:从提示词到Agent技能包 2026/9/19 2:46:33

编写Skill实现自动化用例生成:从提示词到Agent技能包

我一直觉得,AI 写代码这事儿,最尴尬的阶段不是“写不出来”,而是“每次都要把同样的背景讲一遍”。我今天想让它给某个模块补测试,明天想让它按同一个规范生成接口用例,结果每次开头都要写一大段“你是测试专家&#x…

阅读更多 →
系统频率特性测试实战:波特图绘制、测量与误差排查 2026/9/19 2:46:33

系统频率特性测试实战:波特图绘制、测量与误差排查

简介:东南大学自动控制原理实验四“系统频率特性的测试”完整实验报告,适合自动化、控制类专业本科生在完成频域实验或撰写实验报告时参考。报告按实验目的、原理、设备、线路图、操作步骤、数据记录与分析展开,详细介绍了幅频特性与相频特性…

阅读更多 →
Pandoc 的 LaTeX 宏展开机制解析:以 `\newcommand` 驱动数学公式重写为例 2026/9/19 2:46:33

Pandoc 的 LaTeX 宏展开机制解析:以 `\newcommand` 驱动数学公式重写为例

Pandoc 的 LaTeX 宏展开机制解析:以 \newcommand 驱动数学公式重写为例 【免费下载链接】pandoc Universal markup converter 项目地址: https://gitcode.com/gh_mirrors/pa/pandoc 导读 本文以 Pandoc 命令测试用例 test/command/1390.md 为切入点&#xf…

阅读更多 →
DeepSeek内容生成到变现全流程:API调用、提示词工程与批处理实践 2026/9/19 2:46:33

DeepSeek内容生成到变现全流程:API调用、提示词工程与批处理实践

简介:面向内容变现新手的DeepSeek实用教程,覆盖自媒体图文号、电商文案撰写、作业辅导工具、程序开发协助、法律合同生成、本地生活探店代运营及老年人养生内容七大热门领域。每个章节以“步骤详解—变现案例拆解—避坑指南”为主线,从爆款选…

阅读更多 →
WebTorrent BEP 支持全景:BitTorrent 扩展协议在 Node.js 与浏览器端的实现对照指南 2026/9/19 2:43:32

WebTorrent BEP 支持全景:BitTorrent 扩展协议在 Node.js 与浏览器端的实现对照指南

WebTorrent BEP 支持全景:BitTorrent 扩展协议在 Node.js 与浏览器端的实现对照指南 【免费下载链接】webtorrent ⚡️ Streaming torrent client for the web 项目地址: https://gitcode.com/gh_mirrors/we/webtorrent 导读 本文基于 WebTorrent 官方 BEP …

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞