workflow流程实例实战运行手册流程图小工具flowchart-fun

导读我们平时的工作都会多多少少都用到流程图，向他人阐述我们的想法与思路。实际上，市面上有很多的flowchart小工具，无论免费或付费，多种多样。对于程序员朋友....

我们平时的工作都会多多少少都用到流程图，向他人阐述我们的想法与思路。实际上，市面上有很多的flowchart小工具，无论免费或付费，多种多样。

对于程序员朋友来说，这些软件需要安装，还是稍显麻烦，再有，绘制流程图能不能再高效一些呢？！比如是否可以打打字就直接生成流程图呢？！

当然可以！接下来我就为大家介绍一款小工具，只要简单拖拽和缩放就可以进行生成flowchart，并保存成图片。

本期运行实战推荐flowchart-fun，一个通过文本录入快速制作生成流程图的小应用

GitHub克隆地址：https://github.com/tone-row/flowchart-fun

第一步：先克隆项目到本地

第二步：进入到flowchart-fun的存储目录下第三步：输入指令yarn，并执行

第四步：再执行yarn start

第五步：打开浏览器

运行完成后，见证奇迹的时刻到了！

如上图，我在左侧编写文字，在右侧即可生成flowchart，这才真正符合程序员的工作习惯～我接下来分享点使用心得：

1. 一行代表一个流程块；
2. 缩进代表子节点；
3. 当你想要在线上输入文字，用“:”就可以实现；
4. 我们还可以进行单行或多行注释；
5. 所生成的流程图，点击Download按键可以下载生成svg格式；
6. 即可发布在外网，还可以点击Share按钮进行分享。