一文讲透：如何用AI生成时序图
📌 用 AI 工具自动分析 Java 代码，生成标准化的时序图，再也不用手动画图了！本文教你用 VS Code + Trae 插件 + MermaidChart 一键搞定。
🧰 准备工作
你只需要准备以下工具：
-
VS Code（代码编辑器）
-
Java 项目源码
-
Trae VS Code 插件（自动生成 Mermaid 时序图语法）
-
MermaidChart（在线绘图工具）Mermaid Chart - Create complex, visual diagrams with text. A smarter way of creating diagrams.
🧱 Step 1：在 VS Code 中导入 Java 项目
-
安装 VS Code 并确保 JDK 环境配置正常；
-
打开 VS Code，安装官方推荐的 Java Extension Pack；
-
导入你的 Java 项目（确保
src/、pom.xml或build.gradle存在）； -
项目能正常识别结构和方法调用即可。
⚙️ Step 2：安装并使用 Trae 插件生成时序图
-
打开 VS Code，进入扩展商店（Extensions，快捷键
Ctrl+Shift+X）； -
搜索并安装 Trae 插件；
-
打开你希望分析的 Java 源码文件；
-
右键点击方法名，选择 "Trace Method with Trae"；
-
插件会分析该方法的调用路径，并生成 Mermaid 格式的
sequenceDiagram脚本； -
默认输出结果会在一个
.mmd或.md文件中展示（可以在 VS Code 预览）。
打开需要绘制时序图的java/cpp文件,在Trae插件中,输入要绘制的方法名,点击发送,生成mermaid语法的内容.
生成的内容如下:
sequenceDiagramparticipant App as 应用层participant Manager as CarRadioManagerparticipant TunerSessionparticipant HAL as Radio HALApp->>Manager: getAmLevel()activate ManagerManager->>Manager: checkCarRadioIsNull()alt 服务可用Manager->>TunerSession: getAmLevel()activate TunerSessionTunerSession->>TunerSession: checkTunerSessionIsCreated()alt HAL会话存在TunerSession->>HAL: getParameters(PARAMETER_AM_LEVEL)activate HALHAL-->>TunerSession: 返回VendorKeyValue列表deactivate HALTunerSession->>TunerSession: 解析参数值(0-255)alt 参数有效TunerSession-->>Manager: 返回信号强度值else 参数无效TunerSession-->>Manager: 返回-1endelse HAL会话不存在TunerSession-->>Manager: 返回-1enddeactivate TunerSessionelse 服务不可用Manager-->>App: 返回-1endManager-->>App: 返回AM信号强度deactivate Manager🖼️ Step 3：使用 MermaidChart 绘制时序图
-
打开 Mermaid Chart - Create complex, visual diagrams with text. A smarter way of creating diagrams.
-
将 VS Code 中生成的 Mermaid 代码复制粘贴进去；
-
立即可视化出调用链路时序图；
-
可导出为 PNG、SVG、PDF 等格式，用于文档、汇报、技术设计说明。
🔧 Mermaid 时序图语法示例（Trae 输出）
把生成的Mermaid 语法复制到网站的输入框,点击右侧空白自动渲染.导出绘制好的png图片.
