十年匠心定制 · 商业建站与技术教学双线并行 咨询热线:400-886-1026 service@lmnt.cn
ARTICLE DETAIL

资讯详情

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

三步跑通 drawio-desktop 源码:在 Linux 上构建离线绘图应用与安装包

三步跑通 drawio-desktop 源码:在 Linux 上构建离线绘图应用与安装包 三步跑通 drawio-desktop 源码在 Linux 上构建离线绘图应用与安装包【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop画图流程、架构关系图离线场景下用浏览器版 draw.io 总有不便而桌面版又是现成工具里最省心的选择。drawio-desktop 项目把 draw.io 编辑器封装成 Electron 桌面应用所有图表数据都存在本机。这篇文章带你从克隆源码到跑通应用、再生成 AppImage 和 deb 安装包全程在 Linux 上完成不需要任何打包经验。drawio-desktop 是什么一个离线版的 draw.io 桌面应用drawio-desktop 是 draw.io 官方的 Electron用 Web 技术构建桌面应用的技术构建核心功能就是把 draw.io 编辑器完整装进一个独立的桌面程序里完全离线可用不向外部发送任何图表数据遵循 Apache 2.0 协议可以免费使用、修改支持 .drawio、.vsdx、Mermaid 等多种格式最快拿到结果克隆源码直接运行最短路径只有两步。注意克隆时必须加--recursive因为 draw.io 核心编辑器是以 git 子模块嵌套在仓库里的独立项目的形式放在drawio/目录的漏掉这个参数该目录会是空的git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop然后安装依赖、直接从源码启动需要 Node.js 22.12 及以上版本npm install npm start窗口打开后就是熟悉的 draw.io 界面左侧拖形状、中间画布连线、右侧调属性画完的文件以 .drawio 格式保存在本地。如果你只是用它到这里就够了不需要构建任何安装包。生成 AppImage 和 deb 包一条命令出两种格式想把应用装到别的机器或分发给同事时才需要构建安装包。Linux 平台的打包配置在 electron-builder-linux-mac.json 里声明了 AppImage免安装的 Linux 应用格式、deb、rpm 三种目标x64 和 arm64 架构都覆盖。打包前建议先执行npm run sync它会从drawio/VERSION文件读取版本号写入 package.json版本号和是否禁用自动更新都依赖这一步。然后直接调用 electron-buildernpx electron-builder --config electron-builder-linux-mac.json --linux AppImage deb --x64 --publish never产物会出现在dist/目录文件名形如draw.io-x64-版本号.AppImage和draw.io_版本号_amd64.deb命名规则由配置里的artifactName决定。AppImage 双击即可运行deb 包用sudo dpkg -i安装即可。完整的个人构建流程含改代码、禁用自动更新在 doc/BUILDING_FOR_PERSONAL_USE.md 里有详细展开。卡住了对照这 4 种现象找原因 构建或运行遇到问题时大概率是下面四种之一应用启动后编辑器空白或报错→ 原因drawio/子模块目录是空的编辑器源码没拉到 → 解决在项目根目录执行git submodule update --init补拉子模块再重新npm start。npm install直接报 node 版本错误→ 原因项目要求 Node 22.12 及以上package.json 的 engines 字段写得很明确→ 解决升级到新版 Node 后重新安装依赖。明明运行了窗口却不属于你的构建→ 原因draw.io 每个用户只允许一个实例运行如果官方安装版已在运行你启动的副本只会往官方应用里开一个新窗口 → 解决先退出所有 draw.io 窗口再启动。rpm 目标构建失败→ 原因构建 rpm 包需要系统预装 rpm 工具 → 解决安装 rpm 包或者只构建 AppImage 和 deb 目标。上手前值得知道的三件事这个应用在设计上就追求离线隔离唯一的联网行为是启动时检查新版本可用--disable-update参数彻底关闭详见 README 的 Security 部分。官方项目不接受外部代码贡献closed to contributions所以把它当作可 fork、可改、可自建的模板来用而不是提交 PR 的目标仓库。构建过程会改写package.json的版本号属于正常现象不是构建坏了仓库。一句话总结drawio-desktop 让你用最少的步骤在 Linux 上得到一个完全离线、数据不出本机的 draw.io 桌面版——先用npm start跑起来体验需要分发时再补一条 electron-builder 命令即可想深入了解开发细节可继续看 DEVELOPMENT.md。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表