目錄

vscode配置drwaio

drawio使用

添加元素?

調整元素?

連接元素?

添加公式

圖像與表格

組合元素

保存以及導出

---

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

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

無需安裝，網頁使用：drawio網頁使用

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

關于vscode的下載：vscode下載地址，一路通過即可

vscode配置drwaio

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

完成后，進行重啟。

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

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

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

drawio使用

添加元素?

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

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

調整元素?

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

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

連接元素?

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

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

添加公式

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

?

?我們把LaTeX內容復制過來即可。

記得首尾添加$$。

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

圖像與表格

組合元素

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

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

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

保存以及導出

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。