使用AI绘制流程图

使用AI绘制流程图

前言

本教程意在指导读者使用当下流行的大语言模型通过已存在的代码绘制流程图，帮助人们更清晰地了解代码结构。

〇、原理解释

当下的主流免费大语言模型的都无法直接输出图片，但是它们的对各种代码语法掌握较好，所以我们可以让AI分析代码，输出流程图的标记型语言Mermaid，再将输出代码转换为流程图。

一、通过AI获取流程图代码

只要给AI输入提示词：
请使用Mermaid帮我绘制下面代码的流程图
即可获得流程图代码。
我们以以下C++代码为例，

#include <iostream>
using namespace std;

int main() {
	cout << "使用do while方法\n";
	int i = 1, sum = 0;  //定义参数，sum为所求，i为自增变量
	do {
		sum = sum + i;
		i++;
	} while (i <= 10);
	cout << sum << endl;  //在屏幕上输出结果
	cout << "使用 for 方法\n";
	for (int i = 1, sum = 0; i <= 10; i++) {
		sum = sum + i;
	}
	cout << sum << endl;
}

AI将会输出如下结果：

graph TD;
    A[开始] --> B[初始化变量]
    B --> C{开始循环}
    C -->|do while| D[计算sum = sum + i]
    D --> E[i++]
    E --> F[检查i <= 10]
    F -- 是 --> C
    F -- 否 --> G[输出sum]
    G --> H[开始for循环]
    H --> I[初始化变量]
    I --> J{for循环}
    J -->|for| K[计算sum = sum + i]
    K --> L[i++]
    L --> M[检查i <= 10]
    M -- 是 --> J
    M -- 否 --> N[输出sum]
    N --> O[结束]

二、将Mermaid语言转换为流程图

你可以在Mermid的在线网站绘制流程图，或者你也可以在vscode里安装Markdown All in One和Mermaid Preview获取流程图，就像这样：

不过这里建议你使用另外一个免费软件（也有网页版）drawio,在将流程图导入后你甚至还可以编辑！

三、 Mermaid的基本语法

关于Mermaid的教程你可以看这里：Mermaid中文网,这里介绍你可能用得上的：

graph TD;表示流程图是竖着的，你可以改为graph LR;使其变为横着的。