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

 2025-06-08  阅读 386  评论 0

摘要:我们平时的工作都会多多少少都用到流程图,向他人阐述我们的想法与思路。实际上,市面上有很多的flowchart小工具,无论免费或付费,多种多样。对于程序员朋友来说,这些软件需要安装,还是稍显麻烦,再有,绘制流程图能不能再高效一些呢?!比如是否可以打打字就直接生成流程图呢?!当然可以!接下来我就为大家介

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

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

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

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

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

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

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

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

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

第四步:再执行yarn start

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

第五步:打开浏览器

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

运行完成后,见证奇迹的时刻到了!

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

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

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

,

版权声明:xxxxxxxxx;

原文链接:http://cn.tdroid.net/ce250Cz0HBwEGUVI.html

发表评论:

管理员

  • 内容264962
  • 积分0
  • 金币0
关于我们
lecms主程序为免费提供使用,使用者不得将本系统应用于任何形式的非法用途,由此产生的一切法律风险,需由使用者自行承担,与本站和开发者无关。一旦使用lecms,表示您即承认您已阅读、理解并同意受此条款的约束,并遵守所有相应法律和法规。
联系方式
电话:
地址:广东省中山市
Email:
注册登录
注册帐号
登录帐号

Copyright © 2022 太卓开发网 Inc. 保留所有权利。 泰达科技网易库网

页面耗时0.1096秒, 内存占用1.33 MB, 访问数据库18次