如何在vscode中制作流程图
·
1，打开vscode插件市场（Extensions）（快捷键Ctrl键+shift键+X），搜索 Markdown Preview Mermaid Support 并下载它
2，下载完后，重启vscode，新建文件，文件名以.md结尾，例如（flow.md）
3，在文件内输入流程图所需代码，格式必须严格如下图，格式正确后，左边会出现图标如图左侧
然后你就可以将你的代码添加到代码区啦
4，最后Ctrl键+shift键+V就可以出现你的图啦
以下是我的例子嘻嘻
5，另外，大家可以点击右上的copilot 青蛙图标，它可以帮你修改优化代码，用户需要登录才能使用，可以用Github登录，我这里是已经登录过了
输入需求后，它会提供代码，你可以点击图上圈的图标，它可以帮你在文件里修改原代码，更方便快捷，还能防止手误输错
点击后就像这样自动帮你修改，之后你需要点击保留，用快捷键（Ctrl键+shift键+V）预览就可以呈现修改后的更完整流程图啦
腾讯云面向开发者汇聚海量精品云计算使用和开发经验，营造开放的云计算技术生态圈。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)