導(dǎo)航菜單

vscode如何繪制流程圖?visual studio code繪制流程圖的方法

導(dǎo)讀 這篇文章介紹了如何在VSCode中繪制流程圖。 首先要打開電腦中的visual studio code,點擊左側(cè)四個方塊按鈕 ...

這篇文章介紹了如何在VSCode中繪制流程圖。

首先要打開電腦中的visual studio code,點擊左側(cè)四個方塊按鈕

然后在搜索框中輸入draw.io查詢插件,點擊安裝

安裝好后,新建一個test.drawio文件

接著選中test.drawio文件,進入編輯模式

左側(cè)有各種圖形,隨意選擇,就可以繪制流程圖了

繪制好后,點擊文件→嵌入→svg

下面再選擇嵌入

復(fù)制svg代碼

將復(fù)制的svg代碼粘貼到html代碼中

打開html網(wǎng)頁,就可以看到繪制的流程圖了

點擊網(wǎng)頁上的圖片,就可以跳轉(zhuǎn)頁面

在該頁面可以放大縮小流程圖

在這里,我們選擇點擊右下角的鉛筆圖案,跳轉(zhuǎn)網(wǎng)頁編輯頁面

在網(wǎng)頁編輯頁面,又可以對流程圖重新做編輯

這里可以選擇File→Save,最后選擇png格式圖片保存

以上這篇文章就是visual studio code繪制流程圖的方法,更多精彩教程請關(guān)注ZOL下載!

免責(zé)聲明:本文由用戶上傳,如有侵權(quán)請聯(lián)系刪除!

猜你喜歡:

最新文章: