这篇文章主要介绍vscode为什么画不了图，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
成都创新互联专注于西林企业网站建设,
响应式网站开发,
电子商务商城网站建设。西林网站建设公司,为西林等地区提供建站服务。全流程按需定制制作，专业设计，全程项目跟踪，
成都创新互联专业和态度为您提供的服务
vscode为什么画不了图？
画UML图是基于markdown实现的。
准备环境
首先要[全局]安装npm和cnpm。
由于我在安装vue的时候已经安装好了。此处省略
1 通过vscode安装 Markdown Preview Enhanced 插件。
这个插件提供md文件的预览功能。
右键点击md文件内容，然后选择即可。
2 安装puppeteer
puppeteer提供导出pdf、html等功能。右键预览图片 >> Chrome(Puppeteer) >> PNG即可生成图片
sudo cnpm install -g puppeteer
流程图demo
流程图
```flow
st=>start: 流程开始
e=>end: 流程结束
op1=>operation: 选手准备
op2=>operation: 开始循环
op3=>operation: 执行循环语句
op4=>operation: 循环结束
cond1=>condition: 准备好了么
cond2=>condition: 判断循环条件
st->op1->cond1
cond1(yes, right)->op2(right)->cond2
cond1(no)->op1
cond2(yes)->op3->cond2
cond2(no)->op4->e
关系图demo
关系图
```mermaid
graph LR
client1-->|read / write|SVN((SVN server))
client2-->|read only|SVN
client3-->|read / write|SVN
client4-->|read only|SVN
client5(...)-->SVN
SVN---|store the data|sharedrive
注意：
关系图默认的颜色可能很丑，可以修改【用户设置】中的【Mermaid Theme】为【forest】
以上是“vscode为什么画不了图”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！
新闻标题：vscode为什么画不了图-创新互联
文章URL：
http://cdkjz.cn/article/dhsgpo.html
