vscode怎麼畫流程圖? visual studio code繪制流程圖的技巧

Posted on by

visual studio code的插件越來越強大瞭，簡直無所不能瞭，最近又出瞭一個支持繪制流程圖的插件，可以直接繪制流程圖，我們也提供瞭插件的下載，詳細請看下文介紹。

安裝插件

打開visual studio code，點擊左側擴展欄按鈕

Visual Studio Code(代碼編輯器) v1.62.3 64位 中文免費綠色版

  • 類型：編譯工具
  • 大小：106MB
  • 語言：簡體中文
  • 時間：2021-11-24

查看詳情

輸入draw.io查詢插件，然後點擊安裝

繪制流程圖

新建test.drawio文件

選中test.drawio文件，進入編輯模式

draw.io(流程圖繪制工具) for Mac v15.8.4 蘋果電腦版

  • 類型：平面設計
  • 大小：120MB
  • 語言：多國語言
  • 時間：2021-11-24

查看詳情

流程圖制作工具 Drawio Desktop v13.6.2 linux中文免費版

  • 類型：圖像處理
  • 大小：102.2MB
  • 語言：簡體中文
  • 時間：2020-08-19

查看詳情

隨意選擇左側圖形，就可以繪制流程圖瞭

保存流程圖

選中文件→嵌入→svg

選擇嵌入

復制svg代碼

將復制的svg代碼粘貼到html代碼中

打開html網頁，就可以看到繪制的流程圖瞭

點擊網頁上的圖片，就可以跳轉頁面

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

在這裡，我們選擇點擊右下角的鉛筆圖案，跳轉網頁編輯頁面

在網頁編輯頁面，你又可以對你的流程圖重新做編輯瞭

這裡我們選擇File→Save，然後選擇png格式圖片保存

以上就是visual studio code繪制流程圖的技巧，希望大傢喜歡，請繼續關註GuideAH。

相關推薦：

vscode如何刪除項目? vscode關閉項目的技巧

VSCode小地圖怎麼打開或關閉? VSCode設置小地圖的技巧

Visual Studio Code無聲通知怎麼設置? 關閉vscode智能提示功能

閱讀更多: