企业官网建设流程全解析

draw.io 桌面版：0 元把 Visio 级绘图装进电脑，断网也能干

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

draw.io 桌面版是一个基于 Electron 的免费绘图客户端，用 Apache 2.0 协议授权，任何用途都可以白嫖。Windows、macOS、Linux 上拿到的是同一套界面和数据。这篇指南带你从装好它，到把公司那批吃灰的 Visio 老文件批量变成新格式。

没管理员权限也能装：三个安装包怎么挑

Windows 的 releases 页同时放三个版本，选错会卡在权限问题上：

• NSIS.exe：整机安装，写进 Program Files，需要管理员
• .msi：按当前用户安装，不需要管理员
• 便携版.exe：解压就能跑，但不注册文件关联

公司电脑没管理员权限时选.msi或便携版，这是大多数人踩的第一个坑。macOS 下.dmg拖进"应用程序"即可；Linux 用.AppImage（免安装）或.deb包（系统集成）。

装好之后双击打开，你会先面对一张画布。

从打开到保存第一张图

界面是经典的三栏布局：

• 左侧形状库：图形按类别组织，拖进画布即可
• 中间画布：网格对齐，双击图形输入文字
• 右侧属性面板：改样式、字体、连线
• 顶部菜单加工具栏：撤销、缩放、对齐都在手边

画流程图的完整动线是：拖一个矩形进来 → 双击输入"开始" → 再拖一个 → 用连线把两者接上 → Ctrl+S 存成.drawio文件。和你在网页版或 Visio 里养成的习惯一致，不需要重新学。

第一张图存下来只是开始，真正费时间的是老文件和导出环节。

老 Visio 文件直接拖进来，导出也走命令行

输入侧支持.drawio、VSDX、CSV 和 Mermaid（.mmd/.mermaid）；输出侧是 PNG、SVG、PDF、HTML、XML、JPEG 六种格式。

如果仓库里压着一批 Visio 老图，不必一张张打开再另存为。把可执行文件放进PATH后，一条循环命令就能把整个目录转成 PNG：

for f in *.vsdx; do drawio -x -f png "$f"; done

这段命令做的事是：遍历当前目录所有 VSDX 文件，逐一导出同名 PNG，原文件不动。想挑页、挑层、加透明底，加--page-index、-l、-t等参数即可，--help的完整清单对应 src/main/args.js 里的选项表。

导出顺手解决了，但很多人不知道这个应用默认是什么网络状态。

它默认是断网的，别被这个设计吓到

draw.io 桌面版从设计上几乎与互联网隔离。启动时唯一的联网动作是向 GitHub 查新版本，图表数据从不外传，也没有任何使用统计。彻底断开可以这样：

drawio --disable-update

等价方式是设环境变量DRAWIO_DISABLE_UPDATE=true，适合统一管控的办公环境。应用还通过内容安全策略（CSP，浏览器用来限制脚本来源的规则）禁止远程 JavaScript 运行。

一个容易忽略的例外：图表里可以嵌外部媒体，比如从 URL 引用的图片、背景或字体。打开别人的.drawio文件时，这些引用会被请求，可能把 IP 地址暴露给对方服务器，虽然图表内容本身不会传出去。结论就一条：来路不明的文件，别直接打开。

本地数据的位置是固定的，备份时整个文件夹拷走就行：

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

离线这块稳了，接下来看它比网页版多出来的肌肉：命令行。

不点鼠标也能干活：命令行批量导出

命令行参数是这个版本相对网页版的最大增量，适合两类场景：一次性转换一个文件夹，和给评审会批量出多页 PDF。

• -x导出，-f指定格式，-r递归整个文件夹
• --crop把 PDF 裁到图形大小，-a导出全部页面
• -l选图层，-g选页码范围，-s、--width控制尺寸
• --theme dark出深色图，嵌进深色文档不用反色

参数名和默认值都能从--help查到，不用记。

会批量处理之后，剩下的问题只有一个：能不能改成自己的样子。

不接受 PR，但你能 fork 一个自用版

项目明确关闭外部代码贡献，理由是改动哪怕很小，牵动的测试面也大得惊人。但 Apache 2.0 意味着你随时可以 fork、改、打包自用。注意核心编辑器是 git 子模块，克隆必须递归，否则构建直接失败。本地打包前设DRAWIO_UNSIGNED=true跳过代码签名，再执行：

npm install npm run sync -- disableUpdate

第二条命令关闭自动更新，防止你的自用版某天被静默换回官方版，改动凭空消失。还有个坑：draw.io 只允许单实例，官方版还开着的话，启动你的构建只是往官方版里开个新窗口，看起来像改动没生效。更多细节见 doc/BUILDING_FOR_PERSONAL_USE.md。

下一步

去 releases 页下载对应平台的安装包，装好后导入一张你手头最旧的 Visio 图——能不能原样打开，五分钟见分晓。

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