嘿，會(huì)Node.js 的小伙伴們！今天咱們來聊聊一個(gè)超級(jí)實(shí)用的 Node.js 庫——inquirer.js。如果你想要讓你的命令行工具變得交互式，那這個(gè)庫絕對(duì)是你的不二之選。它能讓你輕松創(chuàng)建出美觀、易用的文本界面，讓用戶的輸入體驗(yàn)更上一層樓。sHC28資訊網(wǎng)——每日最新資訊28at.com

安裝 Inquirer.js

安裝起來也是分分鐘的事，用 npm 或 yarn 都可以：sHC28資訊網(wǎng)——每日最新資訊28at.com

npm install inquirer

或者sHC28資訊網(wǎng)——每日最新資訊28at.com

yarn add inquirer

快速上手

安裝完了，咱們就可以開始玩耍了。先來個(gè)簡單的示例，看看 inquirer.js 是怎么用的：sHC28資訊網(wǎng)——每日最新資訊28at.com

const inquirer = require('inquirer');const questions = [{   type: 'input',   name: 'username',   message: '嘿，你叫啥呀？',},{   type: 'password',   name: 'password',   message: '密碼悄悄告訴我：',},];inquirer.prompt(questions).then(answers => { console.log('用戶名：', answers.username); console.log('密碼：', answers.password);});

這段代碼里，咱們定義了兩個(gè)問題：用戶名和密碼。type 參數(shù)告訴 inquirer.js 我們想要的輸入類型，name 是問題的答案名稱，message 是咱們要問用戶的問題。sHC28資訊網(wǎng)——每日最新資訊28at.com

豐富的問題類型

inquirer.js 提供了一大堆問題類型，滿足各種不同的需求：sHC28資訊網(wǎng)——每日最新資訊28at.com

輸入（Input）

就是普通的文本輸入。sHC28資訊網(wǎng)——每日最新資訊28at.com

{ type: 'input', name: 'name', message: '你的名字是啥？',}

密碼（Password）

和輸入一樣，但輸入的內(nèi)容不會(huì)顯示出來。sHC28資訊網(wǎng)——每日最新資訊28at.com

{ type: 'password', name: 'password', message: '密碼多少呀？',}

確認(rèn)（Confirm）

用戶可以通過輸入 y 或 n 來回答“是”或“否”。sHC28資訊網(wǎng)——每日最新資訊28at.com

{ type: 'confirm', name: 'continue', message: '咱們繼續(xù)嗎？',}

列表（List）

讓用戶從列表里挑一個(gè)。sHC28資訊網(wǎng)——每日最新資訊28at.com

{ type: 'list', name: 'theme', message: '選個(gè)主題唄：', choices: ['亮堂的', '暗夜的', '自定義的'],}

下拉列表（Expand）

下拉列表，用戶可以用方向鍵選擇多個(gè)選項(xiàng)。sHC28資訊網(wǎng)——每日最新資訊28at.com

{ type: 'expand', name: 'abilities', message: '超能力選哪個(gè)？', choices: [  {     key: 'p',     name: '力大無窮',     value: 'power',  },  {     key: 's',     name: '快如閃電',     value: 'speed',  },   // 更多選項(xiàng)...],}

編輯器（Editor）

這個(gè)厲害了，讓用戶在外部編輯器里寫東西。sHC28資訊網(wǎng)——每日最新資訊28at.com

{  type: 'editor',  name: 'bio',  message: '來，寫個(gè)自我介紹：',}

處理用戶的回答

inquirer.prompt() 方法返回一個(gè) Promise，用戶一提交答案，Promise 就會(huì)帶著所有答案的對(duì)象來解析。你可以拿這些答案去做各種酷炫的事。sHC28資訊網(wǎng)——每日最新資訊28at.com

inquirer.prompt(questions).then(answers => {  // 用 answers 對(duì)象干點(diǎn)啥  console.log('用戶名：', answers.username);});

動(dòng)態(tài)提問

有時(shí)候，你可能想問的問題取決于用戶之前的回答。inquirer.js 支持這種智能模式，用 when 屬性就能搞定。sHC28資訊網(wǎng)——每日最新資訊28at.com

const questions = [  {    type: 'confirm',    name: 'hasAccount',    message: '有賬戶不？',  },  {    type: 'input',    name: 'username',    message: '用戶名是啥？',    when: answers => answers.hasAccount  },  {    type: 'input',    name: 'email',    message: '郵箱地址呢？',    when: answers => !answers.hasAccount  }];

在這個(gè)例子里，用戶名的輸入框會(huì)不會(huì)顯示，取決于用戶對(duì) hasAccount 的回答。sHC28資訊網(wǎng)——每日最新資訊28at.com

裝飾你的命令行

inquirer.js 還讓你能通過 prefix 屬性來加個(gè)前綴，或者用 transformer 函數(shù)來美化顯示給用戶的答案。sHC28資訊網(wǎng)——每日最新資訊28at.com

{  type: 'input',  name: 'name',  message: '叫啥？',  prefix: '稱呼：',  transformer: input => `你好啊，${input}！`,}

和其他 Node.js 工具一起玩

inquirer.js 可以和其他 Node.js 工具一起用，比如和 cross-spawn 模塊搭配，根據(jù)用戶的回答執(zhí)行不同的命令。sHC28資訊網(wǎng)——每日最新資訊28at.com

const { spawn } = require('cross-spawn');inquirer.prompt([  {    type: 'list',    name: 'action',    message: '想干點(diǎn)啥？',    choices: ['裝點(diǎn)依賴', '跑個(gè)測試', '撤了'],  },]).then(answers => {  const command = answers.action === '裝點(diǎn)依賴' ? 'npm install' : 'npm test';  spawn.sync(command, [], { stdio: 'inherit' });});

總結(jié)

inquirer.js 是一個(gè)功能超群的庫，能讓你的命令行工具變得既強(qiáng)大又用戶友好。無論是簡單的數(shù)據(jù)收集，還是復(fù)雜的多步驟交互，inquirer.js 都能幫你搞定。今天咱們學(xué)了 inquirer.js 的基本用法，現(xiàn)在你應(yīng)該對(duì)這個(gè)庫有個(gè)大概的了解了。sHC28資訊網(wǎng)——每日最新資訊28at.com

sHC28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接：http://m.www897cc.com/showinfo-26-85867-0.htmlNode.js 中的交互式命令行：玩轉(zhuǎn) Inquirer.js

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： Rust 機(jī)器學(xué)習(xí)，一定要知道的這些庫，可以替代 Python 庫了

下一篇： 寫了個(gè)插件，一口氣解決項(xiàng)目中所有精度丟失問題！