目錄

vscode配置drwaio

drawio使用

添加元素?

調(diào)整元素?

連接元素?

添加公式

圖像與表格

組合元素

保存以及導(dǎo)出

---

最近課程設(shè)計(jì)需要畫流程框圖，所以在網(wǎng)上找找繪制流程圖的軟件。然后我選擇了這個(gè)drawio，無(wú)他，只是因?yàn)橛胿scode插件就能使用。

還有很多其他方法，比如GitHub上下載：Github桌面下載。

無(wú)需安裝，網(wǎng)頁(yè)使用：drawio網(wǎng)頁(yè)使用

本篇主要是介紹一下用vscode插件來(lái)使用drawio，并且做一些基礎(chǔ)操作的教程，滿足大多數(shù)人的需求。

關(guān)于vscode的下載：vscode下載地址，一路通過(guò)即可

vscode配置drwaio

打開(kāi)vscode，點(diǎn)擊拓展，收索drawio，點(diǎn)擊安裝即可：

完成后，進(jìn)行重啟。

接下來(lái)新建一個(gè)文件，隨意命名，但后綴一定為.drawio。

點(diǎn)擊Enter鍵后，彈出文件保存的窗口，自行保存即可。?

更改了一下顏色主題，淺色的更容易展示。

drawio使用

添加元素?

還有一個(gè)比較使用的技巧，就是雙擊界面，就會(huì)出現(xiàn)這樣的圖標(biāo)：

常用的框圖和文本就在這里，非常的實(shí)用。

調(diào)整元素?

有的時(shí)候手動(dòng)調(diào)整效果并不好，點(diǎn)擊Ctrl鍵即可多目標(biāo)選中對(duì)象，點(diǎn)擊導(dǎo)航欄中的調(diào)整圖像。

常用的還是對(duì)齊和等距分布。

連接元素?

?鼠標(biāo)移向框圖邊緣，會(huì)出現(xiàn)四個(gè)方向的藍(lán)色箭頭，選擇你想要畫的箭頭位置，出現(xiàn)綠色圓點(diǎn)后，按住左鍵不放即可畫出箭頭。

總共有十六個(gè)方向可以畫出箭頭。連接后點(diǎn)擊線條，即可在右側(cè)對(duì)其進(jìn)行線條的調(diào)整。?

添加公式

采用的是LaTeX格式，也就是常常寫博客添加數(shù)學(xué)公式的方式，我自己也不是很了解，只是知道一些常用的，你可以在CSDN的富文本編輯器中使用。

?

?我們把LaTeX內(nèi)容復(fù)制過(guò)來(lái)即可。

記得首尾添加$$。

$$ y(t)=\int_{-\infty}^{t}x(\tau )d\tau $$

圖像與表格

組合元素

全部選中之后，右鍵選中組合即可，快捷鍵是Ctrl+G。

這個(gè)是效果圖，讓我感覺(jué)特別像卷積層（😀哈哈哈）。

然后如果有需要可以保存為一個(gè)模板，將其拖進(jìn)便箋本即可，點(diǎn)擊鉛筆，就可以編輯你添加的模板了。?

保存以及導(dǎo)出

點(diǎn)擊Ctrl+S，一定要有隨時(shí)保存的習(xí)慣。

按照上圖步驟，即可導(dǎo)出圖片，記得選中后綴為.png格式的圖片，導(dǎo)出的圖片如下：?

非常nice。本次教程到此結(jié)束，希望你能有所收獲，據(jù)說(shuō)其他人用的是WPS，不知道效果怎么樣，vscode配置是很簡(jiǎn)單的一種方式，當(dāng)然你覺(jué)得lazy，網(wǎng)頁(yè)版是最好的選擇。?

總結(jié)

以上是生活随笔為你收集整理的vscode配置drawio绘制流程图的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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