技術人員一般需要具備一定得畫圖能力，特別是架構師，需要畫各種圖：除了讓架構更清晰，方便給別人講解，也是裝逼神器~

畫圖工具有很多，今天推薦的是一款 VSCode 插件！沒錯，在 VSCode 中畫圖。它就是 vscode-drawio，即將 draw.io 集成進 VSCode 中。

項目地址：https://github.com/hediet/vscode-drawio，截止目前 Star 數：4.3k+，下載安裝量 33k+。

從一個 Demo 開始

通過簡單瀏覽動圖發現真的挺強大。

安裝

打開 VSCode，點擊最左側底部的 Extensions，搜索 draw.io，找到其中的 Draw.io Integration：

跟安裝其他擴展沒什么區別。建議安裝完后重啟下 VSCode。

簡單使用

創建一個文件：test.drawio，打開后，自動是如下界面：

之后你就可以跟很多其他畫圖工具一樣，拖拽畫圖了。

說明一下：目前該擴展不支持導出，不過很快會支持可以編輯 png 格式。有人提 issue 希望支持導出，作者的意思因為馬上支持 png，因此不需要導出。具體可以看 issue39。