在前端开发中，我们经常需要与用户进行交互，如输入数据、选择选项等。Node.js 为我们提供了一个方便的工具：enquirer-prompt。该工具是一个 npm 包，可以帮助我们快速编写与用户交互的命令行工具。
在本文中，我们将深入介绍 enquirer-prompt 的使用方法，包括安装、常用功能及示例代码。
安装方法
enquirer-prompt 的安装非常简单，只需要在命令行中输入以下命令即可：
npm install enquirer-prompt --save
上述命令会将 enquirer-prompt 安装到项目中，并将其添加到 package.json 文件中。
基本用法
enquirer-prompt 提供了丰富的功能和选项，用于实现各种各样的命令行交互。下面是一个最简单的示例：
-- -------------------- ---- ------- ----- ------ - --------------------------- ------ -- -- - ----- ------ - ----- -------- ----- -------- ----- ------- -------- ----- -- ---- ------ --- ------------------- ------------------ -----展开代码
代码中的 prompt 函数接受一个选项对象，其中包含以下三个属性：
type：指定交互类型，如input、confirm等。name：指定变量名，用于存储用户输入的值。message：设置提示信息，提示用户如何进行交互。
此处选择了 input 类型的交互，用于获取用户姓名。程序会在命令行窗口中显示提示信息，等待用户输入姓名后，将其保存在 answer.name 变量中，并输出相应的问候语。
常用选项
enquirer-prompt 支持的选项非常多，但是最常用的选项只有一些。下面介绍几个常用选项和用法。
confirm
询问用户是否确认操作：
const answer = await prompt({ type: 'confirm', name: 'confirm', message: 'Are you sure?' });
list
列出选项供用户选择：
const answer = await prompt({ type: 'list', name: 'color', message: 'Which color do you like?', choices: ['red', 'green', 'blue'] });
select
与 list 类型相似，但是允许用户输入自定义选项：
const answer = await prompt({ type: 'select', name: 'color', message: 'Which color do you like?', choices: ['red', 'green', 'blue', new prompt.Separator(), 'custom'] });
multi-select
多选选项：
const answer = await prompt({ type: 'multiselect', name: 'colors', message: 'Select colors:', choices: ['red', 'green', 'blue', 'yellow', 'pink', 'black', 'white'], validate: (value) => value.length > 0 });
input
输入文本：
const answer = await prompt({ type: 'input', name: 'name', message: 'What is your name?' });
password
输入密码：
const answer = await prompt({ type: 'password', name: 'password', message: 'Enter your password:' });
number
输入数字：
const answer = await prompt({ type: 'numeral', name: 'age', message: 'How old are you?', min: 18, max: 99 });
autocomplete
自动匹配输入框：
const answer = await prompt({ type: 'autocomplete', name: 'city', message: 'Which city do you live in?', source: ['Beijing', 'Shanghai', 'Guangzhou', 'Shenzhen', 'Chengdu', 'Wuhan', 'Tianjin'] });
示例代码
下面是一个更完整的示例代码，展示了如何使用 enquirer-prompt 实现一个简单的命令行工具，用于下载图片：
-- -------------------- ---- ------- ----- ------ - --------------------------- ----- ----- - ----------------- ----- -- - -------------- -------- ----------------- ----- - ------ ------- ------- ------ ---- ---- ------------- -------- ---------------- -- - ----------------------------------------------- ------ --- ----------------- ------- -- - ----------------------- -- -- - ---------- --- ------------------------- ----- -- - ------------ --- --- --- - ------ -- -- - ----- --- - ----- -------- ----- -------- ----- ------ -------- ------ --- ----- ----- --- ----- ---- - ----- -------- ----- -------- ----- ------- -------- ------ -- ---- --- ----- --------- --------------- -------- ------------- --- ------------------------------ --- - ----- ----------------- ------ --------------------- ------------- - ----- ----- - ----------------------- ---------- ------------------- - -----展开代码
上述代码中，downloadFile 函数用于下载指定 URL 的图片，并保存到指定路径。prompt 函数用于获取用户输入的 URL 和路径，并使用 axios 发起 HTTP 请求下载图片。通过 enquirer-prompt 提供的功能，实现了一个简单的命令行工具。
总结
enquirer-prompt 是一款十分方便易用的 npm 包，能够快速实现与用户的交互。我们可以通过简单的配置，就可以自定义各种交互类型，如列表、确认框、密码框等。
在实际开发中，enquirer-prompt 常用于编写命令行工具，也可用于编写自动化脚本等场景。希望本教程能够帮助读者快速上手 enquirer-prompt，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e25a563576b7b1ecf15
