介绍
前端工程师们经常需要使用终端来进行开发工作，如启用一个 web 服务器、打包代码等。 Extended-Terminal-Menu 是一个可以帮助前端开发者在终端下显示一个可操作的菜单的 npm 包。使用 Extended-Terminal-Menu，用户可以通过选择菜单选项来执行命令或者跳转到某个页面。本文将介绍如何使用 Extended-Terminal-Menu。
安装
要安装 Extended-Terminal-Menu，只需在命令行中运行以下命令:
npm install extended-terminal-menu --save
使用
Extended-Terminal-Menu 主要的功能就是在控制台中显示一个可操作的菜单，具体使用方法如下：
-- -------------------- ---- -------
----- ------------ - ----------------------------------
----- ---- - --- --------------
------ ---
-- --
-- -
---
-- -------------
----------------------- -- -- -
-------------------------
---
----------------------- ------ -- -
-------------------------
------------
---
-----------------------
--------------------- -- -- -
--------------------
---------------
---
-- -------------
----- ----- - -
-
---- ----
------ --- ---
-------- -- -- -
----------------- - ------
-
--
-
---- ----
------ --- ---
-------- -- -- -
----------------- - ------
-
-
--
------------------------
------------上述代码中，首先我们需要引入 extended-terminal-menu，然后创建一个 TerminalMenu 的实例 menu。在 menu 中，我们可以通过 appendItem 或者 appendSeparator 方法来添加需要显示的菜单选项。appendItem 方法需要传递两个参数，第一个参数是显示的菜单选项的名称，第二个参数是一个回调函数，在用户选择了该菜单选项后，回调函数将会被调用。
在输出信息的同时，我们还可以通过传递回调函数的参数 item，来告知菜单当前选项已经被处理完毕，从而能够重新渲染菜单。
如果需要一次性添加多个选项，我们可以使用 appendItems 方法。该方法需要传递一个数组，数组中的每个元素都必须包含 key、label、handler 三个属性。key 属性是菜单项的快捷键，label 属性是菜单项的名称，handler 是菜单项被选中后的回调函数。
最后，我们可以使用 menu.open() 方法来显示菜单。
结语
Extended-Terminal-Menu 可以使我们编写命令行工具更加方便。通过以上的使用方法，您可以轻松地创建一个简单的、交互性强的命令行工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74092