這篇文章主要介紹vscode為什么畫不了圖，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)專注于西林企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),電子商務(wù)商城網(wǎng)站建設(shè)。西林網(wǎng)站建設(shè)公司,為西林等地區(qū)提供建站服務(wù)。全流程按需定制制作，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

vscode為什么畫不了圖？

畫UML圖是基于markdown實現(xiàn)的。

準(zhǔn)備環(huán)境

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

由于我在安裝vue的時候已經(jīng)安裝好了。此處省略

1 通過vscode安裝 Markdown Preview Enhanced 插件。

這個插件提供md文件的預(yù)覽功能。

右鍵點擊md文件內(nèi)容，然后選擇即可。

2 安裝puppeteer

puppeteer提供導(dǎo)出pdf、html等功能。右鍵預(yù)覽圖片 >> Chrome(Puppeteer) >> PNG即可生成圖片

sudo cnpm install -g puppeteer

流程圖demo

流程圖

```flow
st=>start: 流程開始
e=>end: 流程結(jié)束
 
op1=>operation: 選手準(zhǔn)備
op2=>operation: 開始循環(huán)
op3=>operation: 執(zhí)行循環(huán)語句
op4=>operation: 循環(huán)結(jié)束 
 
cond1=>condition: 準(zhǔn)備好了么
cond2=>condition: 判斷循環(huán)條件
 
 
st->op1->cond1
cond1(yes, right)->op2(right)->cond2
cond1(no)->op1
cond2(yes)->op3->cond2
cond2(no)->op4->e

關(guān)系圖demo

關(guān)系圖

```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

注意：

關(guān)系圖默認(rèn)的顏色可能很丑，可以修改【用戶設(shè)置】中的【Mermaid Theme】為【forest】

以上是“vscode為什么畫不了圖”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：vscode為什么畫不了圖-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://www.chinadenli.net/article30/dhsgpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、移動網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、網(wǎng)站制作、網(wǎng)站排名、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)