VSCode對Git具有開箱即用的支持,使其成為開發(fā)人員的一個(gè)強(qiáng)大工具。VSCode支持豐富的語言特性,其支持的豐富程度因不同語言及其擴(kuò)展而異。VSCode是一款好用的免費(fèi)源代碼編輯器,那么如何使用vscode繪制流程圖呢?下面小編給大家整理了相關(guān)步驟介紹,感興趣的小伙伴不要錯(cuò)過哦!
vscode如何繪制流程圖?visual studio code繪制流程圖的方法
首先要打開電腦中的visual studio code,點(diǎn)擊左側(cè)四個(gè)方塊按鈕

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

安裝好后,新建一個(gè)test.drawio文件

接著選中test.drawio文件,進(jìn)入編輯模式

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

繪制好后,點(diǎn)擊文件→嵌入→svg

下面再選擇嵌入

復(fù)制svg代碼

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

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

點(diǎn)擊網(wǎng)頁上的圖片,就可以跳轉(zhuǎn)頁面
在該頁面可以放大縮小流程圖
在這里,我們選擇點(diǎn)擊右下角的鉛筆圖案,跳轉(zhuǎn)網(wǎng)頁編輯頁面

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

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


以上這篇文章就是visual studio code繪制流程圖的方法,更多精彩教程歡迎前來關(guān)注本站!