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)画流程图的办法为目的,过程比较简单,易于操作,有值得改进的地方欢迎大家指正。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐