用代码生成 Ascii 流程图

本篇为「编程效率 UpUp 」栏目的第二篇。本栏目介绍编程工具和工具配置技巧，旨在让大家的编程工作更加高效与舒适~

最近发现并改进了一款用代码生成 Ascii 流程图的软件，给大家分享一下。

在开发的过程中，有时候需要绘制 FlowMap 来更好的在文档 / 注释中说明问题。 但是，一方面，下载一个图形界面的 App 来做这事儿感觉太费劲。另一方面，相较于插入图片或者图片链接，在文件中直接插入 Ascii 流程图是更加方便的选择。

所以我在 Github 上找到了aboxd——这个软件用 Javascript 编写，值得注意的是它有终端和网页两个版本，分别在 master 分支和 gh-pages 分支上。

终端版本

命令行版本可以通过字符串和文件两种方式生成流程图。

生成流程图的文本的语法规则很简单：使用「 , 」分隔同一行节点，如果「 , 」后是「 . 」则表示该仅该位置没有节点，仅是连接。

例如：

,Sky

Sweden,Norway

Subway,.

会转换为：

通过字符串生成：

npx aboxd'left,middle,right'# npx aboxd [string]

通过文件生成：

cattest | npx aboxd# cat [filename] | npx aboxd

网页版本

网页版本使用同样的生成文本。

地址：https://albertschr.github.io/aboxd/

我对其做出的几点改进：

最后，祝大家 2019快乐 ！！！

长按以上二维码关注「AhaSmarter」，后台输入关键字有自动回复：

输入「Mixin开发」推送「大狗教你 Mixin 开发」系列目录；

输入「EOS开发」，推送「大狗教你 EOS 开发」系列目录；

输入「精读比特币」，推送「大狗精读比特币白皮书」系列目录；

输入「大狗」，推送我的个人微信二维码。