萬(wàn)能的VS Code完全替代Visio攻略

微軟除了Office辦公三件套之外，還有一個(gè)辦公神器叫Visio。大家都知道visio是一款工程設(shè)計(jì)中強(qiáng)大高效的設(shè)計(jì)工具，廣泛應(yīng)用于各個(gè)行業(yè)，不得不承認(rèn)它確實(shí)是一款非常好用的產(chǎn)品，受到各行業(yè)的精英的廣泛好評(píng)。不過(guò)，它是一款收費(fèi)的軟件，而且這玩意兒價(jià)格也不低呀，都可以買(mǎi)一臺(tái)電腦了。

雖然在我泱泱大國(guó)是有一定的方法可以免費(fèi)使用的，但是，個(gè)人使用還是可以，在公司內(nèi)部可就不能這么操作了，不然，可能第二天你的老板將會(huì)找你談話了。那么，除了讓公司采購(gòu)還有沒(méi)有什么更快捷更輕松的辦法呢？

這里給大家推薦一個(gè)既免費(fèi)又可以替代visio的方法。因?yàn)楸救肆?xí)慣使用Visual Studio Code寫(xiě)文檔，寫(xiě)代碼，今天為它加持像visio一樣畫(huà)圖的功能。是的，它就是這么牛逼，可不要認(rèn)為它就是一個(gè)閱讀代碼的工具。它的強(qiáng)大遠(yuǎn)遠(yuǎn)超過(guò)你的想象，微軟將它開(kāi)源是一個(gè)明智的選擇，這是一件普惠廣大工程師的事情。

廢話不多說(shuō)，該怎么用它畫(huà)圖呢？

首先，沒(méi)有安裝Visual Studio Code的同學(xué)，請(qǐng)移步官網(wǎng)下載：https://code.visualstudio.com/

它是跨平臺(tái)工具，支持Windows，Linux，Mac平臺(tái)，可放心下載，安裝，使用。

安裝好VS Code后，還需要安裝一個(gè)插件，這個(gè)插件就是本文的主角，它就是drawio插件。打開(kāi)VS Code，在左側(cè)快捷欄中找到Extensions或快捷（Ctrl+Shift+X）打開(kāi)擴(kuò)展庫(kù)，搜索drawio，如下圖。找到Draw.io Integration插件，點(diǎn)擊插件頁(yè)面中的安裝，進(jìn)行插件安裝。

Tips: 如果遇到下載安裝失敗，可以到插件市場(chǎng)下載插件，然后離線安裝，下載地址：

https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio

插件安裝好之后，我們就可以畫(huà)圖了，是不是迫不及待想畫(huà)個(gè)Hello World了？

其實(shí)，drawio 是一個(gè)支持在線繪圖的網(wǎng)站工具，它功能和visio一樣豐富強(qiáng)大而受到不少用戶(hù)歡迎，而且功能也比較全面，可完全滿(mǎn)足我們?nèi)粘５睦L圖要求，更重要的是它是免費(fèi)的。不過(guò)，Draw.io Integration這款插件卻不是官方的插件，它是一位德國(guó)的工程師把drawio打包成插件，放到插件市場(chǎng)里，這里要感謝這位大神。

Draw.io Integration支持可編輯.drawio, .dio, .drawio.svg 和 .drawio.png等格式文件。尤其是可修改png格式的文件。

另外，還一個(gè)讓廣大程序員比較喜歡的功能，可以通過(guò)修改xml文件調(diào)整圖形。

是不是酷斃了，趕快去體驗(yàn)吧！還有更多新功能等著大家去探索。