免费获取学习方案
ARTICLE DETAIL

资讯详情

深耕编程基础知识与建站技术分享的一线实战洞察。

draw.io 桌面版离线画图导出:完整指南

draw.io 桌面版离线画图导出:完整指南 draw.io 桌面版离线画图导出完整指南【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop准备上线前要把系统架构图画进评审文档用在线画图工具意味着草稿先存到别人服务器上还可能遇到断网丢进度。drawio-desktop 桌面版把整套绘图流程放到本机数据不出机器断网照样画图、编辑、导出。它到底是什么drawio-desktop 用 Electron 壳封装 draw.io 核心编辑器产出一个独立桌面应用核心编辑器以 git 子模块放在 drawio/ 目录里。桌面壳采用 GPL v3 许可核心编辑器保持 Apache 2.0。适合三类人常在断网环境干活的人、要求数据不出本机的团队以及想改默认行为再自行打包的开发者。安装包怎么选源码怎么跑大多数人用发布页里的预构建包就行。Windows 发三种包按权限情况挑windows-installer.exeNSIS 整机安装到 Program Files需要管理员权限.msi按用户安装免管理员windows-no-installer.exe绿色免安装版不注册文件关联微软商店版同样按用户安装免管理员Windows on Arm 还有原生 ARM64 的安装版和免安装版。递归克隆与 Node 版本要求走源码路线先确认本机 Node.js 在 22.12 以上。核心编辑器是子模块克隆必须带--recursive否则应用能启动但编辑器是空白的git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start需要排查问题时加--enable-logging看详细日志或者设置DRAWIO_ENVdev打开 DevTools。三步画完架构图并导出 SVG目标一张Web 服务 → 数据库的架构图最后落成 SVG。第一步从左侧形状面板拖两个矩形到画布命名Web 服务和数据库。网格会对齐落点得到两个带文本的节点。第二步把鼠标移到矩形边缘从动态出现的连接点拖线到另一个节点。两个节点之间就建立了有方向的关系图的主干完成。第三步在右侧属性面板里调整 Grid 开关和间距按需要切换纸张规格让版面统一。第四步用 File 菜单把文件存成.drawio再导出 SVG。拿到的是矢量文件可以直接进代码仓库做版本管理也方便塞进技术文档。三个值得展开的特性离线不是口号。图表数据和任何使用统计都不外传所有 JavaScript 自包含CSP 禁止运行远程脚本。集中部署的场景下设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动时加--disable-update连启动时的版本检查也能关掉逻辑见 src/main/disableUpdate.js。命令行导出适合批处理。输入除了.drawio还支持 vsdx、csv、Mermaid 文件文件夹输入可以递归转换输出支持 pdf、png、jpeg、svg、xml、html。--all-pages导出 PDF 全部页--layers指定图层JPEG 质量默认 90参数定义在 src/main/args.js。拿它给文档流水线加一步批量出图完全够用。数据都在本机macOS 存在~/Library/Application Support/draw.ioWindows 存在C:\Users\用户名\AppData\Roaming\draw.io\备份和迁移都方便。四个高频坑位克隆后画布一片空白原因没用--recursive克隆核心编辑器子模块缺失。解决补一句git submodule update --init再启动。安装器报权限不足原因NSIS 版是整机安装必须管理员。解决没有权限就换.msi或免安装版两个都免管理员。改完代码启动却不生效原因draw.io 同一用户只允许运行一个实例。官方应用还开着时执行npm start只会在官方应用里新开一个窗口改动自然不出现。解决先把所有 draw.io 进程退干净再启动。打开陌生图表触发外部请求原因图表内嵌的图片、背景、字体 URL 会在打开时被拉取以正确渲染。图表内容本身不上传但这次请求会把你的 IP 暴露给对方服务器。解决打开外部来源文件前先检查里面引用了哪些 URL。自建包总被官方版顶掉原因自动更新会把你的自定义构建静默换回官方版本。解决打包前先npm run sync -- disableUpdate细节见 doc/BUILDING_FOR_PERSONAL_USE.md。延伸阅读一句话把画图这件事从浏览器里搬回本机从建图、存图到导出全程不依赖网络。继续深入可以看 DEVELOPMENT.md 的开发流程、README 的 Security 章节 的隔离设计以及 src/main/args.js 里全部 CLI 参数的定义。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表