如何安装并使用 draw.io 桌面版：基于 Electron 的免费离线绘图工具

如何安装并使用 draw.io 桌面版：基于 Electron 的免费离线绘图工具

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

draw.io 桌面版是 draw.io 官方基于 Electron 构建的桌面客户端，把完整的在线绘图工具装进了本地应用，让你在没有网络时也能画流程图、UML 图和网络拓扑图。跟着下面的步骤走一遍，你很快就能拥有一台可用的离线绘图工具。

draw.io 桌面版定位与核心能力

一句话定位：它是一个把网页版「整个装进本地电脑」的免费离线绘图应用，Apache 2.0 授权，个人与商用都免费。

• 完全离线可用：图表数据全部存在本地，不会离开你的电脑
• 零网络依赖：装好即可断网使用，适合网络受限的办公环境
• 多格式支持：原生支持 .drawio，还能直接打开 Visio 的 .vsdx 和 Mermaid 的 .mmd 文件
• 开源免费：没有付费功能，也没有广告

上图是 draw.io 桌面版的主界面：左侧是形状库，中间是带网格的画布，右侧是 Diagram 属性面板。

了解完界面，我们来看怎么把它装到电脑上。

📦 draw.io 桌面版 Windows 安装步骤

准备工作

1. 确认系统架构：右键「此电脑」→「属性」查看「系统类型」，x64、x86、ARM64 各有对应版本。
2. 确认管理员权限：如果你的账号装不了软件，直接走 MSI 或便携版。
3. 若要从源码构建，先装好 Node.js 22.12 及以上版本和 npm。

直接下载安装（适合大多数用户）

到项目的 releases 发布页，按架构挑选对应的文件：

怎么选：个人电脑长期使用选 NSIS，没有管理员权限选 MSI，U 盘携带选便携版。下载后双击文件，按向导完成即可，安装过程到此结束。

从源码构建（适合开发者）

想定制自己的版本时，三步就够：

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

npm install npm start

clone 时保留--recursive，核心编辑器是 git submodule，缺了它构建会失败。npm start直接从源码运行应用，不需要打安装包；要打正式安装包则会在dist/目录生成产物，详见 doc/BUILDING_FOR_PERSONAL_USE.md。

🚀 装完后的第一件事：画一张流程图

1. 双击桌面或开始菜单里的图标启动应用，会直接出现一张「Untitled Diagram」空白画布。
2. 在左上角 Search Shapes 搜索框输入「start」，会出现圆角矩形节点，拖到画布里。
3. 把鼠标移到形状边缘，出现连接点后拖一条线，就能把两个形状连起来。
4. 画完在菜单 File → Save 保存，文件以 .drawio 格式存在本地，之后双击文件就能再次打开。

❓ draw.io 桌面版常见问题（Q&A）

Q: 安装后数据存在哪里，怎么备份？A: 应用缓存和会话数据在C:\Users\<用户名>\AppData\Roaming\draw.io\，定期备份这个文件夹即可。你自己画的图表则保存在你选择的路径下，当普通文档一起管理。

Q: 如何离线配置，彻底禁用更新检查？A: 设置系统环境变量DRAWIO_DISABLE_UPDATE=true，或在快捷方式目标后追加--disable-update参数。两者做其一，应用启动时就不再联网检查新版本。

Q: 哪些文件可以双击直接打开？A: 安装器会自动注册.drawio、.vsdx以及 Mermaid 的.mmd/.mermaid文件关联，双击即开。便携版不注册关联，需要打开应用后用 File → Open 打开文件。

Q: 源码构建后运行提示「Windows 已保护你的电脑」？A: 个人构建未做代码签名，SmartScreen 拦截属正常现象，点「更多信息」→「仍要运行」即可继续。官方签名安装程序没有这个问题。

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