超級(jí)好用繪圖工具（Draw.io+Github）

方案簡(jiǎn)介

• 繪圖工具：Draw.io

• 存儲(chǔ)方式： Github

1 Draw.io

1.2 簡(jiǎn)介

? 是一款免費(fèi)開源的在線流程圖繪制軟件，可以用于創(chuàng)建流程圖、組織結(jié)構(gòu)圖、網(wǎng)絡(luò)圖、UML圖等各種類型的圖表。它提供了豐富的圖形元素和編輯功能，使用戶能夠輕松地創(chuàng)建和編輯圖表。

? 關(guān)鍵字：開源、簡(jiǎn)潔、方便、全平臺(tái)、免費(fèi)

1.3 官網(wǎng)

? https://www.drawio.com/

1.4 網(wǎng)頁版

• 地址：https://app.diagrams.net/?src=about

• 你也可以直接保存到本地

  

1.5 本地版

• 下載地址： https://github.com/jgraph/drawio-desktop/releases
• 全平臺(tái)下載

1.6 存儲(chǔ)方式

Draw.io 提供了6種存儲(chǔ)方式，可自行選擇

• Google Drive
• One Drive
• 設(shè)備（其實(shí)就是存到本地）
• Dropbox
• Github
• GitLab

畫完流程圖之后，可以選擇保存到本地，或者存儲(chǔ)到網(wǎng)上，本著方便的原則，肯定是存到網(wǎng)上方便點(diǎn)，個(gè)人推薦是Github方式，網(wǎng)上也有保存到Gitee方式，可以自行研究下

2 Github

2.1 創(chuàng)建Github賬號(hào)

2.2 創(chuàng)建流程圖的倉庫

? 打開Github，創(chuàng)建專門存放流程圖的倉庫

2.3 授權(quán)

打開Draw.io網(wǎng)址，進(jìn)行Github授權(quán)

• 存儲(chǔ)方式，選擇Github

  

• 創(chuàng)建新的繪圖

  

  

• 點(diǎn)擊授權(quán)

  ?

  ?

  ?

2.4 選擇倉庫

? 授權(quán)成功后，在draw.io界面，刷新可以看到倉庫地址

?

?

　 PS : 如果確定按鈕是灰色不可按，請(qǐng)?jiān)趥}庫里先創(chuàng)建一個(gè)文件夾！！！

2.5 初始提交

2.6 繪圖

2.7 提交更新圖

? 當(dāng)流程圖有修改后，會(huì)自動(dòng)對(duì)比差異，顯示保存按鈕

• 修改后，再次提交

  提交信息，填寫本次修改內(nèi)容，跟git使用類似

  

2.8 查看

? 打開Github倉庫地址，就看到存放地址了

總結(jié)

? 開發(fā)程序的都知道，經(jīng)常要畫各種各樣的流程圖，因此一款好用、又方便的流程圖工具，就顯得格外重要，之前使用的是微軟Visio,太重量級(jí)了，也不方便，后面在網(wǎng)上找了很久，對(duì)比現(xiàn)在各種收費(fèi)繪圖軟件，真是好用多了，重點(diǎn)還是免費(fèi)！！！

? 把環(huán)境搭好后，真是大大提高了工作效率！！