企业官网建设流程全解析

drawio-desktop 离线绘图软件：从安装到批量导出的上手指南

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

客户发来的 Visio 流程图要嵌进内网 Wiki，在线绘图工具一打开就要登录账号，图里还带着不想外传的网络拓扑，偏偏内网那台笔记本连不了外网——这就是 drawio-desktop 要解决的处境。它是 draw.io 编辑器的官方 Electron 桌面构建，一款完全离线运行的免费流程图工具，Windows、macOS、Linux 全平台可装，画出来的图全程留在本机。

🧩 先说清楚它凭什么值得装

商用要不要掏钱：不用

免费，个人和公司都不产生费用。依据是 Apache 2.0 许可，README.md 写得直白：只要不改代码、接受 "as-is" 条款，任何用途都行。就算你想改代码自用，官方也留了路——fork 之后构建一个未签名的个人版本即可，完整流程在 doc/BUILDING_FOR_PERSONAL_USE.md。

图表数据会不会出网：不会

除了启动时一次可选的版本检查，应用不建立任何网络连接。所有 JavaScript 文件自包含，界面层的 Content Security Policy 禁止运行远程加载的脚本，应用自身的网络请求被限制为只连自己；不采集使用统计，图表内容永不外发。官方文档的态度很明确：安全和隔离是项目的第一目标，任何"默认开启外连"的功能请求都会被拒绝。

老 Visio 文件能不能直接打开：能，而且还能继续改

不是只读预览。桌面版内置 VSDX 导入模块，Visio 文件转成 draw.io 格式后可以继续编辑，再导出为 PDF、SVG、PNG、XML；CSV 和 Mermaid 文本同样能作为图来源直接打开。后端组常用的玩法：把文档里积压多年的 Visio 老图批量转成 PDF 嵌进 Wiki，不用专门开一台装了 Visio 的 Windows 机器。

🖱 从安装到第一张图的最短路径

日常使用，releases 页的预构建安装包就够了；Windows 提供三种形态——需要管理员权限的全局安装、免管理员的 per-user MSI、以及不安装直接运行的便携版。想从源码构建或改它，前置条件是 Node.js 22.12+ 和 npm。

1. 克隆仓库并进入目录：

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop

--recursive不能省：核心编辑器是以 git 子模块放在drawio/目录里的，漏掉它那个目录是空的，构建必失败。

2. 安装依赖并启动：

npm install npm start

npm install拉齐 package.json 里声明的依赖；npm start直接用 Electron 从源码树加载编辑器，不需要打包成安装包。

3. 启动后是三栏布局：左侧形状库、中间画布、右侧属性面板

4. 文件菜单新建，把矩形、菱形从左侧拖到画布，用连接工具把锚点连起来，双击形状输入文字
5. 在右侧面板调整填充色、字体、线宽，然后 Ctrl+S 保存，或直接导出 PDF / PNG / SVG

小贴士首次启动打不开画布或行为怪异时，用npm start --enable-logging重启一次，日志会直接指出原因。

⌨️ 一条命令批量导出一整个文件夹

图从一张变成几十张，就切到命令行模式。完整示例：

npm start -- -x -r -f pdf -o ./out ./diagrams

参数拆开看：-x进入导出模式，-r递归处理子目录，-f pdf指定输出格式（png、svg、xml、html 均可），-o ./out指定输出目录。./diagrams里的 .drawio、VSDX、CSV、Mermaid 文件会被一并转换。进阶玩法两个：--layout在导出前对图表跑自动布局（verticalFlow、horizontalTree、radialTree 等预设），杂乱的图会被先理直再输出；PDF 格式还可以用-g指定页码范围。参数的完整定义在 src/main/args.js，读完这一个文件就掌握了 CLI 的全部能力。

重要提示批量导出前，先退出已安装的官方 draw.io。这个应用同一用户只允许一个运行实例，官方版本开着时，你从命令行启动的副本只会往官方应用里开一个新窗口，导出命令并不生效。

❓ 四个高频疑问，直接给答案

桌面版和在线版 draw.io 到底差在哪

核心编辑器是同一套。差别在于桌面版完全离线、文件操作不依赖网络、大图表的加载和导出比浏览器里稳，还多了命令行模式；在线版则依赖浏览器环境和登录态。

图表数据和缓存存在哪里

各系统的用户应用数据目录：macOS 在~/Library/Application Support/draw.io，Windows 在C:\Users\<用户名>\AppData\Roaming\draw.io，Linux 按 Electron 默认规则在~/.config/draw.io。清缓存、做备份都去这三个位置。

完全断网的内网环境能不能用

能，把唯一的联网行为关掉就行：设置环境变量DRAWIO_DISABLE_UPDATE=true，或启动时传--disable-update，启动时的版本检查就彻底消失。一个隐蔽的坑：如果图表内嵌了外部图片或字体的 URL，打开图表时会去请求那个地址以便正常渲染——只暴露访问行为，不传图表内容，但陌生来源的图表要谨慎打开。

没有管理员权限的办公电脑能不能装

能。Windows 上选 per-user 的 MSI 安装包，或者不安装直接运行的便携版；注意便携版不注册文件类型关联，双击 .drawio 文件不会自动打开。

项目档案：许可、贡献政策与安全机制

许可是 Apache 2.0。项目对外部代码贡献关闭：README 里 "Not open-contribution" 一节的解释是，编辑器复杂度高，连小改动都可能牵动大量其他部分，所需测试量远超直觉；bug 报告和功能建议欢迎，代码本身基本由内部消化。真想改的话路径清晰——fork 后设置DRAWIO_UNSIGNED=true构建未签名个人版，系统会警告，但能用。构建与发布的 CI 流程写在 DEVELOPMENT.md。

桌面端本质是个壳，源码结构很薄：

drawio-desktop/ ├── src/main/ # Electron 主进程 │ ├── electron.js # 窗口、文件对话框、命令行入口 │ ├── args.js # 全部 CLI 导出参数定义 │ ├── electron-preload.js # 预加载脚本 │ └── disableUpdate.js # 更新检查开关 ├── drawio/ # 核心编辑器（git 子模块，本体在这里） ├── build/ # 安装包资源与图标 └── package.json

安全机制一句话讲清：更新检查是唯一默认的联网行为且可彻底关闭，JavaScript 全部自包含、CSP 禁远程脚本，LocalStorage、SessionStorage 连同你的图全部落在本地应用数据目录。"与互联网隔离"从第一天就是设计目标。

记住这几点就够了

• 免费：Apache 2.0，个人与商用均无费用
• 离线：无遥测、无上传，图表不出本机
• 免权限：Windows 三种安装包形态，MSI 与便携版都不需要管理员
• 兼容：VSDX / CSV / Mermaid 可导入，PDF / SVG / PNG / XML 可导出
• 可批处理：一条命令递归转换整个文件夹，导出前还能自动布局

下一步就一件事：把仓库克隆下来，画出你的第一张流程图；用得不顺手，直接去仓库提一个 issue。

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