vscode为什么画不了图

vscode为什么画不了图

vscode为什么画不了图?

画UML图是基于markdown实现的。

推荐学习:vscode教程

准备环境

首先要[全局]安装npm和cnpm。

    由于我在安装vue的时候已经安装好了。此处省略

1 通过vscode安装 Markdown Preview Enhanced 插件。

    这个插件提供md文件的预览功能。

    右键点击md文件内容,然后选择即可。

2 安装puppeteer

    puppeteer提供导出pdf、html等功能。右键预览图片 >> Chrome(Puppeteer) >> PNG即可生成图片

存了个图 存了个图

视频图片解析/字幕/剪辑,视频高清保存/图片源图提取

存了个图 17 查看详情 存了个图

sudo cnpm install -g puppeteer

流程图demo

流程图

 

```flowst=>start: 流程开始e=>end: 流程结束 op1=>operation: 选手准备op2=>operation: 开始循环op3=>operation: 执行循环语句op4=>operation: 循环结束  cond1=>condition: 准备好了么cond2=>condition: 判断循环条件  st->op1->cond1cond1(yes, right)->op2(right)->cond2cond1(no)->op1cond2(yes)->op3->cond2cond2(no)->op4->e

bcffb7f26cbe97eed58a36494bf7b27.png

关系图demo

关系图

```mermaidgraph LR client1-->|read / write|SVN((SVN server))client2-->|read only|SVNclient3-->|read / write|SVNclient4-->|read only|SVNclient5(...)-->SVNSVN---|store the data|sharedrive

5eb61c326deecdab718946db3edafcb.png

注意:

    关系图默认的颜色可能很丑,可以修改【用户设置】中的【Mermaid Theme】为【forest】

以上就是vscode为什么画不了图的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/505985.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月8日 22:29:15
下一篇 2025年11月8日 22:30:18

相关推荐

发表回复

登录后才能评论
关注微信