Markdown自动绘制软件流程框图

分享一个超级实用的小工具，Markdown自动绘制软件流程框图。

方法如下：

当涉及到生成流程图时，Markdown本身并不直接支持流程图的绘制。但是，有一些Markdown的扩展和工具可以让我们在Markdown中嵌入流程图。

一个常用的工具是Mermaid.js，它是一个JavaScript库，用于在Markdown环境中渲染流程图、序列图、甘特图和图表。

先编写流程图的js代码，以下是一个使用Mermaid.js在Markdown中绘制流程图的示例

```mermaid  
graph TB  
A[开始] --> B[SIM卡插入设备]  
B --> C{硬件检测SIM卡?}  
C --是--> D[初始化SIM卡状态监听]  
D --> E{SIM卡状态变化?}  
E --是--> F[读取SIM卡信息]  
F --> G{SIM卡信息读取成功?}  
G --是--> H[注册SIM卡到网络]  
H --> I{网络注册成功?}  
I --是--> J[更新SIM卡应用列表]  
J --> K{SIM卡应用就绪?}  
K --是--> M[结束]  
C --否, N[结束]--> M  
E --否--> E  
G --否, N --> M  
I --否, N --> M  
K --否, N --> M
```

需要给vscode工具安装一下插件，Markdown Preview Enhanced，如下图：

然后点击vscode右侧的preview按钮，即可生成流程框图。