Draw.io桌面版安装与配置完全指南

Draw.io桌面版安装与配置完全指南

drawio-desktop Official electron build of draw.io 项目地址: https://gitcode.com/gh_mirrors/dr/drawio-desktop

Draw.io桌面版是一个基于Electron构建的图表绘制与白板应用，它封装了核心的draw.io编辑器。这个项目采用Apache-2.0许可证，允许免费用于各种目的，前提是不修改代码且接受其“按现状”提供的方式。接下来，我们将以小白也能轻松上手的方式，详细介绍如何安装与配置此项目。

项目基础介绍及编程语言

项目名称: Draw.io桌面版
主要编程语言: JavaScript
关键技术与框架:

• Electron: 用于构建跨平台的桌面应用程序。
• draw.io核心编辑器: 图表编辑的核心功能实现。
• Node.js: 用于后端脚本执行和构建过程。
• npm/yarn: 包管理工具，用于处理项目依赖。

准备工作

在进行安装之前，请确保您的系统已准备好以下组件：

1. Git: 用于从GitHub克隆项目源码。
2. Node.js: 版本建议为稳定版或LTS版本，它将自动安装npm。
3. （可选）签名工具（如Windows上的signtool.exe），如果计划创建签名的二进制文件。

安装步骤

步骤1: 克隆项目源代码

打开终端（在Windows是命令提示符或PowerShell，在macOS/Linux是Terminal），输入以下命令克隆项目到本地：

git clone --recursive https://github.com/jgraph/drawio-desktop.git

这一步中的--recursive是为了正确获取draw.io的子模块。

步骤2: 安装项目依赖

导航至项目根目录，并运行以下命令来安装所有必需的Node.js包：

cd drawio-desktop
npm install

步骤3: 配置开发环境

对于开发调试，设置环境变量（在命令前加入以下命令）：

export DRAWIO_ENV=dev

步骤4: 启动应用

启动应用程序，您可以使用以下命令：

npm start

若需查看日志以辅助调试，可以使用：

npm start -- --enable-logging

步骤5: 构建和打包（非必做）

如果您想构建应用以便分发，首先要确保draw.io子模块是最新的，并添加版本标签：

1. 更新draw.io子模块。
2. 推送更改，并打上版本标签。
3. 观察Travis CI和AppVeyor的构建状态。
4. 下载构建好的Windows EXE和便携式版本，进行签名（如果需要）。
5. 发布到Releases页面，附上详细的发布说明。

以上就是Draw.io桌面版的安装与基本配置流程。请注意，这个过程主要面向开发者和希望自定义应用的高级用户。普通用户通常会直接从官方渠道下载预编译的二进制文件进行安装。

drawio-desktop Official electron build of draw.io 项目地址: https://gitcode.com/gh_mirrors/dr/drawio-desktop