vscode使用mermaid画时序图

205 阅读1分钟

近期的项目要求画出相应的时序图,我使用的trae的ai功能,让他自动生成时序图,但总是显示不出来,而且总是提示

Syntax error in text
mermaid version 10.3.0

ai总是让我改扩展名及语法,但都没有成功的解决问题,而且一遍遍的确认组件对不对,但我按它说的都试了一下,但还是没有成功,而且它还很聪明的将实际的时序图都删除了,只留下一些测试的内容,包括帮我将文件扩展名改为mmd,但都没有解决问题

image.png 多次查阅后发现一个新的插件出来了

image.png 但实际上就是它说的插件有问题,应当是安装# Markdown Preview Mermaid Support,而不是Mermaid Preview

image.png 修改后

image.png 再瞧一下实际上的生成

image.png