Flowchart是一种用于可视化展示流程和决策的图表，它非常适合用于前端开发中。npm包flowchart提供了一个简单易用的方式来创建各种类型的流程图，包括流程、序列和类图等。
安装
在开始使用之前，需要先安装flowchart。可以通过以下命令进行安装：
--- ------- ---------
创建一个基本的流程图
假设我们想要创建一个基本的流程图，其中包含三个步骤：输入用户名、验证用户和输出结果。以下是如何使用flowchart创建这个图表的代码：
-------
---------- -----
---------------- -----
---------------- -----
---------------- ----
------- ----
------------
-----------------
------------
---这段代码将创建一个基本的流程图，其中每个步骤都表示为一个矩形框，箭头表示控制流向。最终的图表应该长这样：
在图表中，我们使用了四个不同的节点：
st- Start：表示图表的起点。io- Input/output：表示输入输出的节点。cond- Condition：表示一个条件节点，用于决定控制流向。sub- Subroutine：表示一个子程序节点，用于执行处理逻辑。
创建一个序列图
除了流程图，我们还可以使用flowchart创建序列图。以下是如何创建一个包含两个参与者的基本序列图：
-------
----------- -
----------- -
------ ----
------ ----
---这段代码将创建一个基本的序列图，其中A和B是两个参与者（或称为角色），箭头表示消息传递方向。最终的图表应该长这样：
在图表中，我们使用了两个不同的节点：
participant- Participant：表示参与者或角色。->>- Message arrow：表示一个异步消息箭头，用于表示消息的传递。
创建一个类图
最后，我们也可以使用flowchart创建类图。以下是如何创建一个包含两个类的基本类图：
-------
-------- --------- ---------------------------------------
----- --------
---------------- ---
----- -----
---------------------- -------
----------------------- -------
---
--------------------------------------------------------------
-------------------------------------------------------
------------------
- ---------- - ----- --------------------
- ---- - ------------------------
-- --
--------------------------------------------------------------------------------------------------------------
----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------