VSCode Drawio 画流程图

hediet/vscode-drawio 可以实现在 vscode 中画图。

安装

打开 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 文件中，无需导出！其他功能可以自行摸索。