寫在前面：

開始通過npm init 建立package.json的時候就有大量與使用者的互動(當然也可以通過引數來忽略輸入)；而現在大多數工程都是通過腳手架來建立的，使用腳手架的時候最明顯的就是與命令列的互動，如果想自己做一個腳手架或者在某些時候要與使用者進行互動，這個時候就不得不提到inquirer.js了。

零. 介紹

由於互動的問題種類不同，inquirer為每個問題提供很多引數：

• type：表示提問的型別，包括：input, confirm, list, rawlist, expand, checkbox, password, editor；
• name: 儲存當前問題回答的變數；
• message：問題的描述；
• default：預設值；
• choices：列表選項，在某些type下可用，並且包含一個分隔符(separator)；
• validate：對使用者的回答進行校驗；
• filter：對使用者的回答進行過濾處理，返回處理後的值；
• transformer：對使用者回答的顯示效果進行處理(如：修改回答的字型或背景顏色)，但不會影響最終的答案的內容；
• when：根據前面問題的回答，判斷當前問題是否需要被回答；
• pageSize：修改某些type型別下的渲染行數；
• prefix：修改message預設字首；
• suffix：修改message預設字尾。

上面的屬性(除transformer

外)在下面都有對應使用。

一. 使用

0. 語法結構

const inquirer = require('inquirer');

const promptList = [
    // 具體互動內容
];

inquirer.prompt(promptList).then(answers => {
    console.log(answers); // 返回的結果
})

1. input

const promptList = [{
    type: 'input',
    message: '設定一個使用者名稱:',
    name: 'name',
    default
 
: "test_user" // 預設值
},{
    type: 'input',
    message: '請輸入手機號:',
    name: 'phone',
    validate: function(val) {
        if(val.match(/\d{11}/g)) { // 校驗位數
            return val;
        }
        return "請輸入11位數字";
    }
}];

效果：

2. confirm

const promptList = [{
    type: "confirm",
    message: "是否使用監聽？",
    name: "watch",
    prefix: "字首"
},{
    type: "confirm",
    message: "是否進行檔案過濾？",
    name: "filter",
    suffix: "字尾",
    when: function(answers) { // 當watch為true的時候才會提問當前問題
        return answers.watch
    }
}];

效果：

3. list

const promptList = [{
    type: 'list',
    message: '請選擇一種水果:',
    name: 'fruit',
    choices: [
        "Apple",
        "Pear",
        "Banana"
    ],
    filter: function (val) { // 使用filter將回答變為小寫
        return val.toLowerCase();
    }
}];

效果：

4. rawlist

const promptList = [{
    type: 'rawlist',
    message: '請選擇一種水果:',
    name: 'fruit',
    choices: [
        "Apple",
        "Pear",
        "Banana"
    ]
}];

效果：

5. expand

const promptList = [{
    type: "expand",
    message: "請選擇一種水果：",
    name: "fruit",
    choices: [
        {
            key: "a",
            name: "Apple",
            value: "apple"
        },
        {
            key: "O",
            name: "Orange",
            value: "orange"
        },
        {
            key: "p",
            name: "Pear",
            value: "pear"
        }
    ]
}];

效果：

6. checkbox

const promptList = [{
    type: "checkbox",
    message: "選擇顏色:",
    name: "color",
    choices: [
        {
            name: "red"
        },
        new inquirer.Separator(), // 新增分隔符
        {
            name: "blur",
            checked: true // 預設選中
        },
        {
            name: "green"
        },
        new inquirer.Separator("--- 分隔符 ---"), // 自定義分隔符
        {
            name: "yellow"
        }
    ]
}];
// 或者下面這樣
const promptList = [{
    type: "checkbox",
    message: "選擇顏色:",
    name: "color",
    choices: [
        "red",
        "blur",
        "green",
        "yellow"
    ],
    pageSize: 2 // 設定行數
}];

效果：

7. password

const promptList = [{
    type: "password", // 密碼為密文輸入
    message: "請輸入密碼：",
    name: "pwd"
}];

效果：

8. editor

const promptList = [{
    type: "editor",
    message: "請輸入備註：",
    name: "editor"
}];

效果：

寫在後面：

Everything will be ok in the end, if it’s not ok, it’s not the end.