安装

打开 VSCode，点击最左侧底部的 Extensions，搜索 draw.io，找到其中的 Draw.io Integration：

安装其他扩展没什么区别。建议安装完后重启下 VSCode。

简单使用

创建一个文件：test.drawio，打开后，自动是如下界面：

之后你就可以跟很多其他画图工具一样，拖拽画图了。

是不是很简单！不仅仅如此，它还是免登录，跨平台，完全免费的！

更好的使用

vscode-drawio 支持编辑 .drawio, .dio, .drawio.svg 或者 .drawio.png 文件。为了创建一个新的 diagram，金需要创建并打开一个空白的 *.drawio, *.drawio.svg 或者 *.drawio.png 文件即可。

.drawio.svg 文件是一个有效的 SVG 文件，它可以直接嵌入到 Github README 文件中，无需导出！其他功能可以自行摸索。

vscode-drawio插件——用vscode画流程图
❤️ 身为前端开发, 能用vscode绘制流程图, 插件vscode-drawio简直贴心~ 插件背景: 由德国前...
VSCode Drawio 画流程图
hediet[https://github.com/hediet]/vscode-drawio[https://g...
推荐一个免费的画图工具drawio
主要是通过在vscode中集成drawio这个工具 github链接：vscode-drawio[https://...
这6个神奇的小众工具，让你看一眼就爱上
一、Drawio draw.io Drawio是一个非常实用的在线流程图制作工具。它提供上百套不同种类的流程图和...
MacOS上VsCode上draw.io插件使用
在MacOS上，使用VsCode draw.io, 要创建后缀名为xxxx.drawio.png的文件来使用，而不...
绘制流程图该使用什么工具
画流程图该用什么工具画，现在画流程图有专门的流程图软件，只需要在电脑上安装个流程图软件，就能轻易的画各种类型的流程...
画流程图利器PlantUML+vscode
写文档或者blog，遇到画图实在是花时间，通常我都是用draw.io来画流程图，draw.io已经类似visio了...
怎么画流程图，用什么软件画比较好
怎么画流程图，使用什么软件画流程图，只需要在电脑上安装一款流程图制作软件就能画流程图了，具体是如何绘制的，下面就给...
产品经理之流程图表达业务逻辑
文章大纲一、为什么要画流程图二、流程图基础知识三、流程图介绍与实战四、参考文章一、为什么要画流程图 ...
画流程图该用什么软件比较好画
画流程图应该用什么软件画？现在有很多的软件都能绘制流程图。比如：平面设计软件，办公软件，这类软件都能绘制流程图的，...