用chatgpt画流程图

最近想用chatgpt偷懒画流程图，尝试了一下，基本可行。但没有深入研究，只是用mmdc画了个草图，然后又drawio去抄了下作业，过程丢出来希望能抛砖引玉，也希望CSDN高抬贵手，吃相不要太难看，文章本来就是共享的。整个环境是建立在windows下，Linux类似。

1. 安装工具

官网下载nodejs 安装包 https://nodejs.org/en/

设置proxy

在cmd窗口输入下列命令

npm config set proxy http http://xxxx

npm config set https-proxy http://xxxx

npm install -g puppeteer@latest

由于gfw的问题，更新会经常被中断，所以理想状态是安装mmdc9.1.7

sudo npm install -g @mermaid-js/mermaid-cli@9.1.7

  2.    用chatgpt生成 .mmd 文件

向chatgpt概要描述逻辑关系及流程，要求chatgpt生成对应的mmd文件，生成文件内容大概如下：

graph TD

    A[Start] --> |BLE| B[Smartphone Application/Python Scripts]

    B --> |Wi-Fi Configuration| C[Backend Server Optional]

    A --> |Wi-Fi| C

    C --> D[Cloud Services]

  3.   绘图并用浏览器打开

mmdc -i test.mmd -o test.svg

效果如下

• 一些问题debug
  • 大多数情况下，是字符串识别问题，可以参考mermaid语法，官网 About Mermaid | Mermaid