Excalidraw让你在VSCode中绘制流程图

4,688 阅读2分钟

——Bug修复员-鲁宽宽

前言


 曾经做方案设计的时候,有些场景使用流程图可以更好的表达其生命周期。由于不是经常使用,我这边选择了使用在线的专业工具,如:processon等。

 小编不是专业、持久的使用,故没有购买会员。然后再使用过程中收到一条类似的提示:升级为会员,解锁更多的空间~

每款优秀工具的背后离不开那群优秀的人,付费等功能小编并不排斥,若是持久使用,还是建议升级会员,来解锁更多的功能及更优的服务

 此篇给大家分享的是一款VSCode的插件 - Excalidraw。它可以使我们在编辑器内绘制一些图形。

Excalidraw


介绍

 Excalidraw是一种流行的在线绘图工具,用于创建“手绘”图表,其最酷的功能之一是能够以 SVG 格式导出以在您的页面中无损使用。

 Excalidraw 在线地址

 官方团队将Excalidraw作为插件发布在了VSCode内~

示例效果图

图一

安装

 在本地VSCode编辑器的商店内直接搜索Excalidraw即可安装。

图二

使用

 安装成功后,创建以.excalidraw或者.Excalidraw.svg文件即可使用。

 快去体验体验吧~

使用感受

 小编之前使用的是在线工具processon,现在聊聊两者的使用感受吧。

 processon:

   优点:支持多人在线协作、海量模板等

   缺点:非会员的使用限制性较多

 excalidraw:

   优点:简洁的界面、支持svg导出

   缺点:复杂的场景需要自己造轮子

结语


 上面两者使用感受有些硬,嘿嘿。主要是想分享这个插件,希望能对你有帮助~

获取知识、沉淀总结、分享经验、收获快乐。