在现代的前端开发中，npm 是一个不可或缺的工具，它提供了大量的开源包，用于加速我们的开发流程，并帮助我们更好地组织和管理项目中的依赖。而 thought 就是其中一个非常有用的包，它能够在控制台中为我们提供一个交互式的思维导图工具，帮助我们更好地理清项目结构和编写代码。
安装
使用 npm 安装 thought 可以非常简单：在命令行中输入以下语句即可：
--- ------- -- -------
注意，由于我们在全局环境中安装了 thought，因此需要在命令前加上 sudo。
使用
要使用 thought，我们只需要在控制台中输入以下命令：
-------
然后，thought 就会在一个交互式轮廓图中显示在控制台中，并等待我们输入命令。目前，thought 支持以下命令：
add：向图中添加新的节点。link：连接两个节点。unlink：删除两个节点之间的连接。delete：删除一个节点。edit：编辑一个节点的文本内容。move：在图中移动一个节点。
示例
以下是一个使用 thought 创建一个简单的 ToDo 列表的例子。
我们首先运行 thought 命令，并输入 add 命令来添加一个节点：
------- - --- ----- --- ---- --- --- --- ----- ---- ----
在这一步中，我们向图中添加了一个新节点，节点文本为 “ToDo List”。
接下来，我们将其拆分成两个子任务：买牛奶和洗车。为此，我们可以使用 add 命令在“ToDo List”节点下添加两个子节点：
- --- ----- --- ---- --- --- --- ----- --- ---- - ---- ----- --- ----- -- --- ---- -- ----- - ----- --- ----- -- --- --- ------- - - --- ----- --- ---- --- --- --- ----- ---- --- - ---- ----- --- ----- -- --- ---- -- ----- - ----- --- ----- -- --- --- ------- -
在此示例中，我们首先使用 add 命令添加了一个新节点 “Buy Milk”，然后使用 move 命令将它移动到“ToDo List”节点的下方。然后，我们又使用 add 命令添加了一个新节点 “Wash Car”，并且使用 move 命令将它移动到“ToDo List”节点的下方。
此时，我们在控制台中看到的图结构应该是这样的：
---- ---- -- --- ---- -- ---- ---
现在，我们将“Buy Milk”节点和“Wash Car”节点连接起来，表示它们是彼此相关的：
- ---- ----- --- ----- -- --- ----- ----- - ----- --- ----- -- --- ------ ----- -
此时，在控制台中我们应该看到这种结构：
---- ---- -- --- ---- ------- -- ---- ---- -- ---- --- ------- -- --- -----
最后，我们可以将“Wash Car”节点删除，因为我们觉得今天不需要洗车：
- ------ ----- --- ----- -- --- ---- -- ------- -
现在，我们在控制台中看到的图结构应该是这样的：
---- ---- -- --- ---- ------- -- ---- ----
结论
上面的示例只是 thought 的一个简单用法。thought 支持更多的命令和功能，例如添加颜色和样式等等。以后，你可以在你的项目中使用 thought 来构建复杂的思维导图，从而更好地组织和管理你项目的代码。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/67435