目錄

vscode配置drwaio

drawio使用

添加元素?

調(diào)整元素?

連接元素?

添加公式

圖像與表格

組合元素

保存以及導出

---

最近課程設(shè)計需要畫流程框圖，所以在網(wǎng)上找找繪制流程圖的軟件。然后我選擇了這個drawio，無他，只是因為用vscode插件就能使用。

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

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

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

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

vscode配置drwaio

打開vscode，點擊拓展，收索drawio，點擊安裝即可：

完成后，進行重啟。

接下來新建一個文件，隨意命名，但后綴一定為.drawio。

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

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

drawio使用

添加元素?

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

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

調(diào)整元素?

有的時候手動調(diào)整效果并不好，點擊Ctrl鍵即可多目標選中對象，點擊導航欄中的調(diào)整圖像。

常用的還是對齊和等距分布。

連接元素?

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

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

添加公式

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

?

?我們把LaTeX內(nèi)容復制過來即可。

記得首尾添加$$。

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

圖像與表格

組合元素

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

這個是效果圖，讓我感覺特別像卷積層（😀哈哈哈）。

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

保存以及導出

點擊Ctrl+S，一定要有隨時保存的習慣。

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

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

總結(jié)

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

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