企业官网建设流程全解析

draw.io 桌面版快速上手：3 种安装方式 + 一条命令批量导出图表

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

如果你需要一台离线绘图的图表工具，draw.io 桌面版（drawio-desktop）就是最直接的选择：基于 Electron 的免费桌面应用（Apache 2.0 许可），把 draw.io 编辑器完整装进本地，不联网也能画流程图、UML、网络拓扑，支持导出 PNG、SVG、PDF、JPEG、XML、HTML 六种格式，还能用图表批量导出命令一次转换整个目录。下面按"先装好 → 会画 → 会导 → 放心用"的路径讲清楚。

安装：按权限和用途选对方式

结论先行：有管理员权限装普通安装包，没有就选 MSI 或绿色版，想跑开发版或改代码就走源码路线。

Windows 没有管理员权限怎么装

官方为 Windows 发布了三种安装包，对应不同权限场景：

• installer.exe（NSIS 安装器）：装到 Program Files，整机生效，需要管理员权限
• .msi：装到当前用户目录，免管理员权限，普通账号直接可用
• no-installer.exe：绿色版，解压即用，同样无需管理员，代价是不注册文件类型关联

另外 Microsoft Store 的 APPX 版本也是按用户安装、不需要管理员。公司电脑上装不了程序？直接拿 MSI 或绿色版，两分钟解决。

从源码跑起来：两条命令搞定

想跟进开发版或者做二次开发，本机需要 Node.js 22.12 以上（package.json中声明为node >=22.12.0）。克隆时必须带--recursive——编辑器本体是放在drawio/目录里的 git 子模块，漏掉这一步项目跑不起来：

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

调试时设置环境变量DRAWIO_ENV=dev，应用会顺带打开 DevTools。如果哪天忘了拉子模块，补一句git submodule update --init即可。

构建自己的未签名版本

项目是 Apache 2.0 许可，fork 之后可以构建自己的版本。注意官方仓库不接受外部 PR，自改版本仅供个人使用。跳过签名和公证只需设置DRAWIO_UNSIGNED=true，完整命令示例、各平台差异和"拉取 → 重新构建 → 重装"的更新方式，见官方文档 doc/BUILDING_FOR_PERSONAL_USE.md。

批量导出：把整个图表目录一次转完

这是桌面版对工程团队最实用的一块——安装好的 draw.io 本身就是个 CLI 工具。比如把某个目录下的图表递归转成透明底 PNG：

drawio -x -r --format png --transparent ./diagrams

-x触发导出，-r表示递归处理子目录，--transparent让 PNG/SVG 背景透明。再记四个高频参数就够日常用了：

• --all-pages：多页图表完整导出（PDF、HTML 格式）
• --border 10：四周加 10 像素留白
• --scale 2：输出两倍尺寸
• --theme dark：生成深色背景（可选 dark / light / auto）

输入不限于.drawio文件：Visio 的.vsdx、.csv、Mermaid 的.mmd都能直接喂给它转换。全部参数定义在 src/main/args.js，终端里敲drawio -h可看完整帮助。

单张图走界面导出更省事：File 菜单 → Export As，同样可选六种格式，对话框里能设边距、缩放和透明背景。

数据安全：离线到底意味着什么

回答最常见的顾虑：图表内容不会外发，应用也不收集任何使用统计。所有 JavaScript 内置在应用里，Content Security Policy 禁止执行远程脚本，应用自身的网络连接被限制在本地。启动后唯一的网络行为是版本更新检查（下面会讲怎么关）。

但有一个边界要清楚：图表文件本身可以内嵌 URL，引用外部的图片、背景或字体。打开文件时，应用会去请求这些资源以保证渲染正确。也就是说，打开来源不明的.drawio文件时，相当于向那个 URL 暴露了你的 IP 地址——图表内容不传，但"谁打开了这份文件"这类元信息会泄露。内网评审第三方图表时留个心眼。

设置和本地缓存在哪

本地存储与会话数据放在系统用户目录下：

• macOS：~/Library/Application Support/draw.io
• Windows：C:\Users\<用户名>\AppData\Roaming\draw.io\

应用自身偏好通过 electron-store 持久化，也在同一目录。迁移机器或清理数据时认准这里。

界面速览：三个区域各管什么

对着上面那张截图，主界面分三块，各司其职：

1. 左侧图形库：顶部是形状搜索框（Search Shapes），往下是 Scratchpad、General 等分类，最底部 "More Shapes..." 展开全部形状库。画流程图最常用的矩形、菱形、箭头直接从 General 拖进画布就行。
2. 中间画布：无限缩放和平移。顶部工具栏放着缩放比例、撤销/重做、对齐和连线工具，画布底部是页面标签页——一个文件可以包含多页图表，批量导出时配合--all-pages正好用上。
3. 右侧属性面板：选中元素后在这里调字体大小（如 10 pt）、网格、背景等 View 选项；Options 区控制连接箭头、连接点、自动保存这类全局开关；Paper Size 区切换 US-Letter 等纸张规格和横竖版式。

新建文件时可以直接套用内置模板（流程图、UML、网络拓扑等）；把常用配置存成个人模板，以后新建直接复用，比每次从零拖图块快不少。快捷键和偏好类选项散落在 Edit 和 Extras 菜单里。

常见疑问：更新检查、Quick Look 与自改版本

怎么关掉启动时的更新检查

两种方式任选：设置环境变量DRAWIO_DISABLE_UPDATE=true，或启动时追加--disable-update参数。集中管理的部署场景常用这个；Flatpak 版本检测到沙箱环境后会自动关闭更新，不用额外配置。

macOS 的 Quick Look 彩蛋

在 Finder 里选中.drawio文件按空格键，Quick Look 扩展会直接渲染出图表预览，不用打开整个应用。评审文档时扫一眼内容很省事。注意自构建的未签名版本可能加载不了这个扩展（见构建文档）。

自改版本怎么维护

因为自动更新对未签名构建无效，自改版本的更新方式就是"拉取上游 → 重新构建 → 重装"，构建前记得先git checkout -- package.json src/main/disableUpdate.js丢弃构建过程改写的文件，避免合并冲突。细节同样在 doc/BUILDING_FOR_PERSONAL_USE.md 里。

一句话总结：内网环境装 MSI/绿色版，画图走三区域界面加模板，交付走界面导出或drawio -x批量转换，数据边界看 URL 引用那条。十分钟之后，这台免费的离线绘图工具就该在你的工作流里跑起来了。

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