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,圖片,用瀏覽器打開等!

歡迎大家試用! 寫好文檔也是一項必備技能呦!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM