企业官网建设流程全解析

draw.io 桌面版：3 步装好免费离线绘图工具

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

draw.io 桌面版是基于 Electron 的开源离线绘图应用，当前发布版本 31.4.2，把在线版编辑器完整封装成本地程序，流程图、UML、架构图全程本机绘制。适合需要离线画图、又不想为绘图软件付费的工程师与产品人员。

🚀 三步跑起来：下载、安装、首次绘图

1. 打开仓库的 Releases 页面，确认处理器架构后下载安装包：x64 系统选标准构建，ARM64 系统选对应构建。
2. 运行安装程序：NSIS 版写入 Program Files、需要管理员权限并自动注册文件关联；没有管理员权限就改选 MSI（按用户安装）或便携版（解压即用）。
3. 双击任意 .drawio 文件启动应用，新建一张流程图，确认文件关联和画布渲染都正常。

Windows 10/11 开箱即用，无需额外依赖；想从源码运行则要求 Node.js 不低于 22.12，这个门槛写死在 package.json 的 engines 字段里。另外 Microsoft Store 还有 APPX 版，同样按用户安装、不需要管理员权限，习惯从商店装软件的人可以直接走这条路。

🖱️ 用起来是什么感觉：四个常见场景

画日常流程图和 UML。把矩形、菱形从左侧形状面板拖进中央画布，连线后选中对象即可调整样式；编辑器本体在 drawio 子模块里，形状库、模板与在线版同源，画布支持网格对齐。

离线环境画图，数据不出本机。README 写明应用设计目标是与互联网隔离，启动时唯一的联网行为是版本检查，内容安全策略禁止远程 JavaScript 执行，图表数据和用量信息都不外发，内网机器可以整天空跑。

直接打开 Visio 旧图和 Mermaid 文件。electron-builder-win.json 的 fileAssociations 配置注册了 .drawio、.vsdx、.mmd/.mermaid 三类文件关联，老项目的 Visio 图纸双击就能进编辑器修改，Mermaid 代码生成的图也可以继续编辑。

命令行批量导出。src/main/args.js 定义了完整的 CLI 参数：drawio -x -f pdf <目录>可把整目录图导出为 PDF，支持 pdf、svg、png、jpeg、xml、html 六种格式，配合--layout verticalFlow等预设还能自动排版，适合嵌进文档或塞进 CI 产物。

⚖️ 三种安装方式怎么选

有管理员权限选 NSIS 安装包，一次装好全机能用；公司受管电脑选 MSI；临时画一张图或要拷到 U 盘里用，选便携版。

⚠️ 容易踩的坑

1. Q：便携版双击 .drawio 打不开？A：便携版不注册文件关联，在"打开方式"里手动指定它的 exe 即可。
2. Q：内网机器为什么还会发起网络请求？A：启动时的更新检查是唯一的默认联网行为，设置环境变量DRAWIO_DISABLE_UPDATE=true或加--disable-update启动参数即可关闭。
3. Q：克隆仓库后 npm start 起不来？A：核心编辑器是 git 子模块，必须git clone --recursive或补跑git submodule update --init。
4. Q：改了源码再启动，表现像没生效？A：draw.io 只允许单实例，官方版本运行时你的副本会把窗口开进官方版本，先退出正在运行的实例。
5. Q：打开陌生来源的图有泄露风险吗？A：图内引用的外部图片、字体会触发对相应 URL 的请求，可能暴露 IP，图表内容本身不上传。

📦 进阶与扩展

• 数据存放位置：Windows 在C:\Users\<用户名>\AppData\Roaming\draw.io\，macOS 在~/Library/Application Support/draw.io，备份这两个目录等于备份了全部草稿。
• 关掉自动更新：受管部署用环境变量或启动参数；个人构建则执行npm run sync -- disableUpdate，防止应用把自己更新回未修改的官方版本。
• 开发者入口：主进程逻辑集中在 src/main/（electron.js、args.js、window-bounds.js），npm test跑参数解析等单测；想 fork 后打包自己的版本，流程、签名豁免和单实例注意事项都写在 doc/BUILDING_FOR_PERSONAL_USE.md 里。

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop && npm install && npm start

官方安装包覆盖绝大多数使用场景，需要改默认行为或定制构建时再进源码。先把常用图形收藏到形状面板，再画一张正式的项目架构图试试手。

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop