您的位置 首页 技术

vscode为什么画不了图

vscode为什么画不了图? 画UML图是基于markdown实现的。 推荐学习:vscode教程 准备环境 首先要[全局]安装npm和cnpm。 由于我在安装vue的时候已经安装…

vscode为什么画不了图?

画UML图是基于markdown实现的。

推荐学习:vscode教程

准备环境

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

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

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

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

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

2 安装puppeteer

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

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为什么画不了图的详细内容,更多请关注24课堂在线网其它相关文章!

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:https://www.24ketang.cn/57491.html

为您推荐

返回顶部