在前端的开发项目中，常常需要绘制树形结构的数据集合，而这时候 oo-ascii-tree 这个 npm 包就可以帮助我们在命令行中绘制出清晰的树形结构图。
oo-ascii-tree 是什么？
oo-ascii-tree 是一个 npm 包，其提供了一个类 ooAsciiTree，用于在命令行绘制树形结构。它可以很方便的将数据集合转换为树形结构，以便进行可视化展示。
如何安装 oo-ascii-tree？
你可以通过 npm 安装 oo-ascii-tree，使用以下命令：
npm install oo-ascii-tree --save
如何使用 oo-ascii-tree？
首先，我们需要使用 require 将 oo-ascii-tree 引入我们的项目中：
const ooAsciiTree = require('oo-ascii-tree');接着，我们需要创建一个 ooAsciiTree 的实例。实例化 ooAsciiTree 时，需要传入以下参数：
className：类名，用于标识每个节点；parentIdKey：父节点 id 的属性名称；selfIdKey：自身 id 的属性名称；childNodesKey：子节点的属性名称；rootValue：根节点的父节点 id，默认值为 0；rootNode：树的结构数组。
const tree = new ooAsciiTree({
className: 'node',
parentIdKey: 'parentId',
selfIdKey: 'id',
childNodesKey: 'children',
rootNode: [{id: 1, parentId: 0, children: []}]
});接下来，我们可以通过 tree.addNode 方法向树中添加新节点：
tree.addNode({
id: 2,
parentId: 1,
children: []
});最后，我们可以通过 tree.draw 方法在命令行中绘制树形结构：
console.log(tree.draw());
输出的树形结构如下：
└─ node 1 └─ node 2
示例代码
-- -------------------- ---- ------- ----- ----------- - ------------------------- ----- ---- - --- ------------- ---------- ------- ------------ ----------- ---------- ----- -------------- ----------- --------- -- --- -- --------- -- --------- -- --- --- -------------- --- -- --------- -- --------- --- --- -------------------------
输出结果：
└─ node 1 └─ node 2
总结
oo-ascii-tree 通过提供 ooAsciiTree 类，使得在命令行中绘制树形结构变得更加简单高效。有了 oo-ascii-tree，我们可以在开发时快速处理树形结构数据集合，并且通过可视化展示它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f6bf69ba9b7065299ccb910