在 GitLab 中使用图表

draw.io 将于 3 月 22 日随GitLab 15.10 版本发布及产品启动仪式一同集成到基于 Web 的 GitLab Wiki 编辑器中。当您在编辑 GitLab Wiki 页面源代码时添加图表，图表将保存为包含图表代码的 SVG 图像，并显示在页面内容中。

与 GitLab 中的所有文件一样，包含嵌入式图表的图像也进行了版本控制，因此所有更改都会被跟踪。

注意：由于此集成功能在正式发布前仍在开发中，因此可能会进行一些小的更改。

GitLab Wiki 编辑器中的图表

添加新图表：在 Markdown 编辑器工具栏中 单击“插入”或“编辑图表” 。

将在 Sketch 白板式编辑器主题中打开一个空白图表。使用左侧的图表工具栏访问模板和形状库。

保存您的图表：它将以 Markdown 文件的形式添加到页面中.drawio.svg。

编辑现有图表：确保光标位于 Markdown 代码中的图表文件条目中，然后选择“插入或编辑图表”。

在页面中查看图表：点击“预览”按钮，即可渲染包含图表的页面。

使用 GitLab 富文本编辑器绘制图表

编辑图表：选择图表，然后单击上方或下方出现的悬停工具栏中的 “编辑图表” 。

添加新图表：确保未选择其他图表，然后单击+工具栏中的 并选择“创建或编辑图表”。

将单个图表文件保存到 GitLab

您还可以将单个图表文件存储在 GitLab 中。创建新图表时，选择 GitLab 作为保存文件的目标位置，或者从菜单中 选择“另存为” 。

或者，您也可以前往我们的在线编辑器，立即开始绘制图表，并使用 GitLab 存储您的图表。

如果您尚未授权 访问您的 GitLab 存储库，则需要进行授权。

提示：由于draw.io 使用安全的直接客户端授权，您的密码永远不会被共享。

在 VSCode 中使用 GitLab 绘制图表

1. 为 Visual Studio Code设置GitLab Workflow 扩展。

2. 安装 Henning Dieterichs 的非官方 draw.io Visual Studio Code 扩展

draw.io 是 VSCode 的一个扩展程序，它可以让你查看和编辑.drawio存储在存储库中的图表文件。

看看这个扩展程序在 GitHub 中是如何工作的——它在 VSCode 中与 GitLab 的工作方式类似。

注意：该扩展名仅识别具有该.drawio文件扩展名的文件。