简介
readline-ui 是一个基于 Node.js 的命令行交互 UI 模块，它提供了一些界面元素，如输入框和选择器等，使得在命令行中实现用户与程序的交互变得更加便捷。本文将详细介绍如何使用 readline-ui 进行开发。
安装 readline-ui
首先，我们需要安装 readline-ui，可以通过以下命令进行安装：
npm install readline-ui
基础使用
接下来，我们开始编写第一个 readline-ui 应用程序。首先，我们需要引入 readline-ui。
const readlineUI = require('readline-ui');然后，我们创建一个 UI 实例，并调用 start() 方法以启动交互式会话。
const ui = new readlineUI(); ui.start();
这时候，你会看到一个类似于命令行窗口的 UI 界面。当用户输入内容后，可以通过 on 方法监听 input 事件来获取用户的输入。
ui.on('input', (input) => {
console.log(`用户输入了：${input}`);
});最后，我们在程序结束前调用 close() 方法关闭 UI。
ui.close();
下面是完整的代码示例：
-- -------------------- ---- ------- ----- ---------- - ----------------------- ----- -- - --- ------------- -------------- ------- -- - ------------------------------ --- ----------- -------------------- -- -- - ----------- ---
UI 元素
readline-ui 提供了多种界面元素，可以根据实际需求选择使用。下面介绍一些常用的 UI 元素。
输入框
输入框是最基本的 UI 元素，它允许用户在命令行中输入文本。我们可以通过 addInput() 方法添加一个输入框。
ui.addInput({
prompt: '请输入姓名：',
onSubmit: (input) => {
console.log(`您的姓名是：${input}`);
},
});上面的代码中，我们创建了一个输入框，当用户输入完毕后会调用 onSubmit 回调函数，将用户输入的内容作为参数传递给回调函数。
选择器
选择器允许用户从固定的选项中进行选择。我们可以通过 addSelect() 方法添加一个选择器。
-- -------------------- ---- -------
----- ------ - ------ ----- ------
--------------
------- ------------
-------- -------
--------- ------- -- -
-----------------------------
--
---上面的代码中，我们创建了一个选择器，选项列表为 fruits 数组。当用户选择完毕后会调用 onSubmit 回调函数，将用户选择的内容作为参数传递给回调函数。
多选框
多选框允许用户从多个选项中进行多选。我们可以通过 addMultiSelect() 方法添加一个多选框。
-- -------------------- ---- -------
----- ----- - ------------ -------- ----------- ------ -------- -----
-------------------
------- -------------
-------- ------
--------- ------- -- -
-----------------------------
--
---上面的代码中，我们创建了一个多选框，选项列表为 books 数组。当用户选择完毕后会调用 onSubmit 回调函数，将用户选择的内容作为数组作为参数传递给回调函数。
进度条
进度条可以在命令行中展示任务执行的进度情况。我们可以通过 addProgressBar() 方法添加一个进度条。
const progressBar = ui.addProgressBar({ total: 100
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/52231) ，转载请注明来源
[https://www.javascriptcn.com/post/52231](https://www.javascriptcn.com/post/52231)