网站内容发布流程图(VSCodedraw.io这款插件跟网站对比起来，有个比较明显)

　　网站内容发布流程图(VSCodedraw.io这款插件跟网站对比起来，有个比较明显)

　　因此，很多水友经常调侃，这个世界上没有什么是VSCode做不到的。

　　看到大家对VSCode如此痴迷，今天给大家推荐一款实用的VSCode插件：VSCode Drawio。

　　当你听到这个名字时，你应该能猜到它和 drawio 有很大的关系。

　　是的，前不久德国前端工程师Henning Dieterichs成功将draw.io的功能集成到VSCode中，打包成插件供开发者下载使用，让你用VSCode分分钟画出完美的流程图表、思维导图和 UML 图。

　　其具体作用如下：

　　可能有些水友对draw.io产品不太了解，这里简单介绍一下：

　　draw.io 是一个支持在线绘图的 网站 工具。以其简洁直观的界面、丰富而强大的功能受到众多用户的喜爱。

　　访问它的网站，可以看到如下界面：

　　从上图我们可以清楚的看到draw.io的功能非常全面，可以轻松满足我们日常的图形绘制需求。

　　不仅如此，draw.io还支持将图形保存到Google Drive、One Drive等云盘，方便用户随时同步阅读。

　　由于使用此工具的人数众多，开发者还贴心地进行了国际翻译。因此，英语不好的同学不要太担心。

　　另外，上面你能看到的所有功能，都是永久免费对外开放的，只要你喜欢，想用就用！

　　这么强大实用的工具怎么会缺少VSCode呢？

　　感谢作者 Henning Dieterichs 的辛勤工作，VSCode 现在与 drwa.io 完美集成。用户只需点击鼠标并安装插件，即可在VSCode上立即体验draw.io的所有核心功能。

　　这样一款神器，在GitHub上发布不到一周，就成功获得了3300+ Stars，由此可见其受欢迎程度。

　　与网站相比，这个VSCode插件有着明显的不同。在绘制和设计流程图时，如果需要批量修改某个文本或词汇，则可以直接编写流程图XML源文件，批量查找和替换。您还可以直接更改 XML 文件中流程图中节点的背景颜色。

　　具体效果如下：

　　另外，该插件还有一个比较强大的功能，就是支持修改.drawio.png文件。

　　当您发现流程图的png格式文件有误时，您可以随时重新更改调整png图片，然后重新生成。

　　在你的GitHub项目、技术文章或演示PPT中，无论你在哪里需要用到流程图展示，这个功能都会非常有用。

　　遗憾的是，作者表示这个函数调用的VSCode API暂时还不稳定，所以这个新功能还没有发布。需要等待下一次 VSCode 更新一起发布。你也可以期待一下。.

　　最后把插件的GitHub地址给大家，有兴趣的同学可以安装试试：/hediet/vscode-drawio