VS Code实现markdown画流程图

安装最新的vscode编辑器,原生支持markdown语法。不会markdow的人可以去好好学下,写文档神器!!!

1、安装Markdown Preview Enhanced插件

2、本地新建test.md文件
输入:

```flow

st=>start: 页面加载

e=>end: End:>http://www.google.com

op1=>operation: get_hotel_ids|past

op2=>operation: get_proxy|current

sub1=>subroutine: get_proxy|current

op3=>operation: save_comment|current

op4=>operation: set_sentiment|current

op5=>operation: set_record|current

cond1=>condition: ids_remain空?

cond2=>condition: proxy_list空?

cond3=>condition: ids_got空?

cond4=>condition: 爬取成功??

cond5=>condition: ids_remain空?

io1=>inputoutput: ids-remain

io2=>inputoutput: proxy_list

io3=>inputoutput: ids-got

st->op1(right)->io1->cond1

cond1(yes)->sub1->io2->cond2

cond2(no)->op3

cond2(yes)->sub1

cond1(no)->op3->cond4

cond4(yes)->io3->cond3

cond4(no)->io1

cond3(no)->op4

cond3(yes, right)->cond5

cond5(yes)->op5

cond5(no)->cond3

op5->e

```

3、右键实时预览效果

就会看到下面的预览效果:
 

编辑器右键还可以将流程图存为html,图片,用浏览器打开等!

欢迎大家试用! 写好文档也是一项必备技能呦!

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )