要說畫圖，最好還是用紙和筆，所見即所得，還沒有工具的學(xué)習(xí)成本，直接擼起即可。但是這是假象。

你覺得紙筆畫圖的學(xué)習(xí)成本和使用計(jì)算機(jī)工具畫圖的學(xué)習(xí)成本哪個高？計(jì)算機(jī)畫圖工具成本高是吧？其實(shí)不是。

你還記得在你會用筆在被你蹂躪的皺巴巴的紙上在保持紙不被筆尖捅破的前提下，畫上一個僅供識別的圖案，花了多久嗎？反正基本上都要很久，大概三歲？或者三歲多？至少也要兩歲吧…

你還記得你第一次在iPad上學(xué)會劃來劃去花了多久嗎？哦，不，我們小時候沒有iPad，那就觀察自己的孩子吧。我家小小大概5，6個月的時候會坐著簡單比劃iPad了。

我們總覺得翻書比操作手機(jī)電腦簡單，我們總覺得紙筆畫圖比Office軟件簡單，那是因?yàn)槲覀円呀?jīng)忘記了我們學(xué)習(xí)翻書，學(xué)習(xí)握筆花了多么久的時間，好在那段時間在大人們眼里是枯燥痛苦的，但是在嬰幼兒感知來的卻是對陌生事物的興奮感。

你現(xiàn)在同時會翻書和滑屏的前提下，達(dá)到同等的信息攝入，你會選擇哪個？

總之，紙和筆畫圖并不簡單，它涉及到一系列的動作配合，肢體協(xié)調(diào)，像我這種沒有運(yùn)動細(xì)胞寫字很丑的，我的手繪圖也往往達(dá)不到預(yù)期的效果，但是我用Visio就能畫出不錯的圖。此外，如果一個手繪圖很漂亮的人用Visio也能畫出同樣漂亮的圖。

現(xiàn)在的問題是，你會選擇哪個軟件來畫圖。

我說了，用Visio…

但是我換了公司的Macbook后，就再也不能用Visio，我到現(xiàn)在依然很懷念Visio的那個手繪圖主題…后來我使用Processon，它在：
https://www.processon.com/
一個在線畫圖網(wǎng)站，界面比較友好。然而它并不是無限免費(fèi)的，很有套路。

然后，我接觸到了Chrome的一個插件app，即gliffy，它在：
chrome://apps/ 【用Chrome瀏覽器打開并在應(yīng)用商店里下載，免費(fèi)的】
也是很好用，基本上processon就是這個。

最后，我收斂到了drawio，這是個開源的玩意兒，非常好用。它在：
https://www.draw.io/?lang=zh
簡單體會一下，你就會喜歡上它了。

我在想哪天這個URL失效了怎么辦？我對互聯(lián)網(wǎng)的鏈接是非常不信任的，沒有任何URL被承諾是永久的。所以我在想，如果這個drawio像是個Visio下載到本地該有多好。

既然drawio是開源的，那么總是可以把整個項(xiàng)目給download下來，然后看看怎么玩。好在它是Java的，我還是懂點(diǎn)Java的。

這個項(xiàng)目有插件版，有桌面版，但是沒有搞定 。web服務(wù)是千年不變的，所以我準(zhǔn)備用標(biāo)準(zhǔn)的方式搭建web服務(wù)。

我準(zhǔn)備在本地虛擬機(jī)里用Apache Tomcat搭建一個drawio web服務(wù)。

先部署tomcat：

[root@localhost ~]# mkdir tomcat [root@localhost ~]# cd tomcat [root@localhost tomcat]# wget http://mirrors.hust.edu.cn/apache/tomcat/tomcat-8/v8.5.37/bin/apache-tomcat-8.5.37.tar.gz [root@localhost tomcat]# tar xzvf apache-tomcat-8.5.37.tar.gz

然后clone這個drawio項(xiàng)目：

[root@localhost tomcat]# git clone https://github.com/jgraph/drawio.git

接下來就是編譯，部署，一氣呵成：

[root@localhost tomcat]# cd drawio [root@localhost drawio]# cd etc/build [root@localhost build]# ant war # 等待!

最后就是部署了，很簡單，將ant編譯生成的draw.war放在tomcat的webappps目錄下就好了：

[root@localhost build]# cp ../../build/draw.war ../../../apache-tomcat-8.5.37/webapps/ [root@localhost build]# ../../../apache-tomcat-8.5.37/bin/startup.sh Using CATALINA_BASE: /root/tomcat/apache-tomcat-8.5.37 Using CATALINA_HOME: /root/tomcat/apache-tomcat-8.5.37 Using CATALINA_TMPDIR: /root/tomcat/apache-tomcat-8.5.37/temp Using JRE_HOME: /usr Using CLASSPATH: /root/tomcat/apache-tomcat-8.5.37/bin/bootstrap.jar:/root/tomcat/apache-tomcat-8.5.37/bin/tomcat-juli.jar Tomcat started

在虛擬機(jī)外面的宿主機(jī)瀏覽器敲入虛擬機(jī)的IP地址和drawio拼接而成的URL：

http://192.168.56.110:8080/draw/

選擇簡體中文(我是覺得看中文順暢些，人多的地方可以選擇英文)后：

創(chuàng)建一個新的圖表，觀感如下：

我比較喜歡的是里面的Cisco風(fēng)格的網(wǎng)絡(luò)拓?fù)鋱D元素：

好了，就是這么簡單。

補(bǔ)充下插件版和桌面版的，無疑插件版和桌面版要比WEB版的方便很多，至少不用自己搭建WEB服務(wù)了。

先說插件版。drawio當(dāng)然是Google的咯。

首先下載這個Chrome APP插件：https://chrome.google.com/webstore/detail/drawio-desktop/pebppomjfocnoigkeepgbmcifnnlndla/related?hl=en-GB

然后就可以用了，Chrome瀏覽器輸入APPs列表的URL： chrome://apps/

直接點(diǎn)擊：

好了，就這么簡單。

再說桌面版的，這個基本就和Windows上的Office Visio的使用習(xí)慣一樣了，安裝在本地。

先下載它，最好的途徑就是它的github項(xiàng)目本身：https://github.com/jgraph/drawio
在README.md中找到下載鏈接：https://about.draw.io/integrations/#integrations_offline

各個平臺的，應(yīng)有盡有。我選擇MacOS的：

下載下來，雙擊解壓安裝，就OK了：

當(dāng)然了，你依然可以配置不同的語言。
————————————————
原文鏈接：https://blog.csdn.net/dog250/article/details/89272808

總結(jié)

以上是生活随笔為你收集整理的使用drawio进行画图真的很方便(WEB版/Chrome APP版/桌面版)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。