tone-row/flowchart-fun

这是什么？

核心功能

• 01通过缩进的纯文本输入生成流程图。
• 02支持节点连接回前面的节点，形成循环。
• 03基于 React 和 cytoscape.js 进行渲染。
• 04界面文案通过 .po 文件支持多语言翻译。
• 05包含 Jest 单元测试和 Playwright 端到端测试。

适用场景

• 从笔记快速梳理流程或决策树。
• 在开发前规划用户流程或系统逻辑。
• 将文字大纲转换为便于分享的图表。

快速上手

1. 1

   克隆仓库

2. 2

   将 .env.example 复制为 .env 并添加环境变量

3. 3

   使用 pnpm 安装依赖

   pnpm install
4. 4

   构建 shared 和 formulaic 包

   pnpm -F shared build && pnpm -F formulaic build
5. 5

   在不启用登录功能的情况下运行应用

   pnpm dev

使用前须知

• !要运行包含登录功能的完整应用，需要 Vercel、Supabase、Stripe 和 Sendgrid 账户。
• !部署带登录功能的应用需要 Vercel Pro 账户，因为它使用了超过 12 个无服务器函数。

标签

常见问题

flowchart-fun 是什么？

一款将纯文本大纲快速生成流程图和示意图的网页应用，基于 React 和 cytoscape.js 构建。 Flowchart Fun 是一个通过文本快速生成流程图的网页应用。你用带缩进的纯文本语法描述节点及其连接关系，应用会在浏览器中直接渲染成图，无需手动拖拽图形，适合快速梳理想法和计划。

flowchart-fun 可以免费使用吗？用的什么许可证？

flowchart-fun 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

flowchart-fun 还在维护吗？

活跃维护中。flowchart-fun 最近一次提交是在 2026年10月16日。

flowchart-fun 适合用来做什么？

从笔记快速梳理流程或决策树。 在开发前规划用户流程或系统逻辑。 将文字大纲转换为便于分享的图表。

flowchart-fun 怎么安装和运行？

克隆仓库 将 .env.example 复制为 .env 并添加环境变量 使用 pnpm 安装依赖: pnpm install 构建 shared 和 formulaic 包: pnpm -F shared build && pnpm -F formulaic build 在不启用登录功能的情况下运行应用: pnpm dev

在哪里获取 flowchart-fun？

源代码和安装说明在 GitHub 上：https://github.com/tone-row/flowchart-fun