如何讓VSCode也能畫流程圖

這篇文章主要為大家展示了如何讓VSCode也能畫流程圖，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學習一下“如何讓VSCode也能畫流程圖”這篇文章吧。

vscode有什么用

Visual Studio Code 是一個運行于 OS X，Windows和 Linux 之上的，針對于編寫現代 web 和云應用的跨平臺編輯器，它為開發者們提供了對多種編程語言的內置支持，并且正如 Microsoft 在Build 大會的 keynote 中所指出的，這款編輯器也會為這些語言都提供了豐富的代碼補全和導航功能。

實用VSCode插件：VSCode Drawio，讓你分分鐘能用 VSCode 畫出完美的流程圖、思維導圖與 UML 圖。

作為一款開源的主流代碼編輯器，VSCode 在發布之后一直受到不少開發者的喜愛。

此前，我們也曾分享過多篇文章，向大家推薦了不少 VSCode 上比較實用（或沙雕）的插件。

因此，有很多水友也經常調侃道，這世界上就不存在 VSCode 做不到的事。

看到大家對 VSCode 如此癡迷，那今天就再給大家推薦一款實用的 VSCode 插件：VSCode Drawio。

聽到這個名字，你應該大致就能猜想到，它跟 drawio 應該有不小的淵源。

是的，在不久前，一位來自德國前端工程師 Henning Dieterichs 成功將 http://draw.io 的功能集成進了 VSCode，并打包成了插件供開發者下載使用，讓你分分鐘能用 VSCode 畫出完美的流程圖、思維導圖與 UML 圖。

它的具體效果，就像下面這樣：

一些水友可能對 http://draw.io 這款產品不太了解，這里跟大家簡單介紹下：

http://draw.io 是一個支持在線繪圖的網站工具，因其界面簡潔直觀，功能豐富強大而受到不少用戶喜愛。

訪問它的網站，你便能看到如下界面：

http://draw.io

由上圖我們清楚可以看到，http://draw.io 所擁有的功能非常全面，完全能夠輕松勝任我們日常的圖形繪制需求。

不僅如此，http://draw.io 還支持將圖形保存到 Google Drive、One Drive 等云端硬盤上，讓用戶可以隨時進行同步與讀取。

由于使用這款工具的人數眾多，開發者還貼心的對其進行了國際化文案翻譯。因此英文不太好的同學，也不用過于擔心。

另外，上面你能看到的所有功能，都是永久免費對外開放，只要你喜歡，隨便用！

如此強悍且實用的工具，怎能缺了 VSCode 的身影呢？

在作者 Henning Dieterichs 的辛苦努力下，VSCode 現已完美集成 http://drwa.io，用戶只需點點鼠標，安裝下插件，便能立即在 VSCode 上體驗 http://draw.io 的所有核心功能。

這么一款神器，在 GitHub 上發布短短不到一周的時間，便已成功斬獲 3300+ Star，其受歡迎程度由此可見一斑。

這款 VSCode 插件跟網站對比起來，有個比較明顯的差異，就是當你在繪制和設計流程圖時，如果某個文字或詞匯需要批量修改，那么你可以直接編程該流程圖的 XML 源文件，進行批量搜索替換。也能在 XML 文件中，直接更改流程圖某個節點的背景顏色。

具體效果就像下面這樣：

此外，該插件還有一個比較強悍的功能，就是支持對 .drawio.png 文件的修改。

當你發現流程圖的 png 格式文件有誤時，可以隨時對 png 圖片重新進行更改調整，然后再次生成即可。

在你的 GitHub 項目、技術文章或演講的 PPT 中，所有需要用到流程圖展示的地方，這項功能會非常有用。

以上就是關于“如何讓VSCode也能畫流程圖”的內容，如果改文章對你有所幫助并覺得寫得不錯，勞請分享給你的好友一起學習新知識，若想了解更多相關知識內容，請多多關注億速云行業資訊頻道。