快速上手Vscode+Markdown(Mermaid)画流程图
本文介绍了在VSCode中快速绘制Mermaid流程图的方法:首先安装Markdown插件,创建MD文件并嵌入Mermaid代码块;推荐使用AI工具生成流程图代码,复制到文件中即可预览效果。文章着重于快速上手,虽未深入讲解高级优化技巧,但提供了进阶学习资料。该方法操作简单,适合初学者快速实现流程图绘制需求。
·
1.插件安装
在插件扩展(Extensions)里找到Markdown all in one 插件和Markdown Preview Mermaid Support 插件进行安装。
2.建立空白Markdown文件
在文件中输入如下命令告知md文件在mermaid下绘图。
```mermaid
Draw your flowchart here!
```

3.流程图绘制
快速上手的办法,是直接找各种大模型写代码,复制粘贴到我们上面创建的文件中修改润色即可,以免费的Kimi为例。

复制过来后,打开侧边栏预览,即可实现流程图绘制,并且自己可以随意修改。

4.流程图优化润色
此处就需要更多的Mermaid命令,就不是本篇文章所介绍的目的了,有需求的话,推荐下面这篇文章以及可以继续借助大模型。
https://zhuanlan.zhihu.com/p/627356428
最后,本文以帮大家介绍一种快速上手Vscode+Markdown(Mermaid)画流程图的办法为目的,过程比较简单,易于操作,有值得改进的地方欢迎大家指正。
更多推荐


所有评论(0)