如何让VSCode也能画流程图

这篇文章主要为大家展示了如何让VSCode也能画流程图，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带大家一起来研究并学习一下“如何让VSCode也能画流程图”这篇文章吧。

vscode有什么用

Visual Studio Code 是一个运行于 OS X，Windows和 Linux 之上的，针对于编写现代 web 和云应用的跨平台编辑器，它为开发者们提供了对多种编程语言的内置支持，并且正如 Microsoft 在Build 大会的 keynote 中所指出的，这款编辑器也会为这些语言都提供了丰富的代码补全和导航功能。

实用VSCode插件：VSCode Drawio，让你分分钟能用 VSCode 画出完美的流程图、思维导图与 UML 图。

作为一款开源的主流代码编辑器，VSCode 在发布之后一直受到不少开发者的喜爱。

此前，我们也曾分享过多篇文章，向大家推荐了不少 VSCode 上比较实用（或沙雕）的插件。

因此，有很多水友也经常调侃道，这世界上就不存在 VSCode 做不到的事。

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

听到这个名字，你应该大致就能猜想到，它跟 drawio 应该有不小的渊源。

是的，在不久前，一位来自德国前端工程师 Henning Dieterichs 成功将 http://draw.io 的功能集成进了 VSCode，并打包成了插件供开发者下载使用，让你分分钟能用 VSCode 画出完美的流程图、思维导图与 UML 图。

它的具体效果，就像下面这样：

一些水友可能对 http://draw.io 这款产品不太了解，这里跟大家简单介绍下：

http://draw.io 是一个支持在线绘图的网站工具，因其界面简洁直观，功能丰富强大而受到不少用户喜爱。

访问它的网站，你便能看到如下界面：

http://draw.io

由上图我们清楚可以看到，http://draw.io 所拥有的功能非常全面，完全能够轻松胜任我们日常的图形绘制需求。

不仅如此，http://draw.io 还支持将图形保存到 Google Drive、One Drive 等云端硬盘上，让用户可以随时进行同步与读取。

由于使用这款工具的人数众多，开发者还贴心的对其进行了国际化文案翻译。因此英文不太好的同学，也不用过于担心。

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

如此强悍且实用的工具，怎能缺了 VSCode 的身影呢？

在作者 Henning Dieterichs 的辛苦努力下，VSCode 现已完美集成 http://drwa.io，用户只需点点鼠标，安装下插件，便能立即在 VSCode 上体验 http://draw.io 的所有核心功能。

这么一款神器，在 GitHub 上发布短短不到一周的时间，便已成功斩获 3300+ Star，其受欢迎程度由此可见一斑。

这款 VSCode 插件跟网站对比起来，有个比较明显的差异，就是当你在绘制和设计流程图时，如果某个文字或词汇需要批量修改，那么你可以直接编程该流程图的 XML 源文件，进行批量搜索替换。也能在 XML 文件中，直接更改流程图某个节点的背景颜色。

具体效果就像下面这样：

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

当你发现流程图的 png 格式文件有误时，可以随时对 png 图片重新进行更改调整，然后再次生成即可。

在你的 GitHub 项目、技术文章或演讲的 PPT 中，所有需要用到流程图展示的地方，这项功能会非常有用。

以上就是关于“如何让VSCode也能画流程图”的内容，如果改文章对你有所帮助并觉得写得不错，劳请分享给你的好友一起学习新知识，若想了解更多相关知识内容，请多多关注编程网行业资讯频道。