通用交互式命令行用户界面的集合。

    安装

    1. npm install inquirer

    问题参数

    • type：(String)表示提问的类型，包括：input, confirm, list, rawlist, expand, checkbox, password, editor；
    • name: (String)当前问题回答的变量key；
    • message：(String|Function) 问题的描述；
    • default：(String|Number|Boolean|Array|Function) 默认值；未输入任何内容时使用的默认值，或返回默认值的函数。
    • choices： (Array|Function)Choices数组或返回Choices数组的函数。如果定义为函数，则第一个参数将是当前查询程序会话答案。数组值可以是简单的数字、字符串或包含名称（显示在列表中）、值（保存在答案哈希中）和短属性（选择后显示）的对象。choices数组还可以包含分隔符。
    • validate： (Function)对用户的回答进行校验；
    • filter： (Function)对用户的回答进行过滤处理，返回处理后的值；
    • transformer： (Function)对用户回答的显示效果进行处理(如：修改回答的字体或背景颜色)，但不会影响最终的答案的内容；
    • when： (Function|Boolean) 根据前面问题的回答，判断当前问题是否需要被回答；
    • pageSize： (Number) 更改使用list、rawList、expand或checkbox时要呈现的行数。
    • prefix：(String) 修改message默认前缀；
    • suffix：(String) 修改message默认后缀。
    • askAnswered： (Boolean) 如果答案已经存在，则强制提示问题。
    • loop： (Boolean) 启用列表循环。默认值：true

    使用

    1. var inquirer = require(‘inquirer');
    3. inquirer.prompt(questions).then(answers => {
    4.     // TODO
    5. })

    简单例子

    1. eg1：
    3. const promptList = [
    4.     {
    5.         type: 'input',
    6.         name: 'a',
    7.         message: '页面标题'
    8.     }
    9. ];
    11. // 询问框问题
    12. inquirer.prompt(promptList).then(answers => {    
    13.     // 得到用户答案
    14.     console.log(answers);
    15. })

    0EF16C83-FB4E-41E4-8DFC-1C0222689081.png

    1. eg2：
    3. const promptList = [
    4.     {
    5.         type: 'confirm',
    6.         name: 'b',
    7.         message: 'Are you ok?',
    8.         default: true
    9.     }
    10. ];

    5430D77C-D489-4574-9D2F-FA2FBE22E875.png

    1. eg3：
    3. const promptList = [
    4.     {
    5.         type: 'list',
    6.         message: '请选择种类:',
    7.         name: 'c',
    8.         choices: [
    9.             'A',
    10.             'B',
    11.             'C'
    12.         ],
    13.         filter: function (val) {
    14.             // 使用filter将回答变为小写
    15.             return val.toLowerCase();
    17.         }
    18.     }
    19. ];

    101333B5-2729-4781-8ADF-E053823EAF0B.png

    1. eg4:
    3. const promptList = [
    4.     {
    5.         type: 'password',
    6.         name: 'd',
    7.         message: '请输入密码’，
    8.         validate：function() {
    9.             if (val == '') {
    10.               return '请输入密码';
    11.             }
    12.             return true;
    13.         }
    14.     }
    15. ];

    5EDDF140-6CE3-4DFA-AB66-CE8176BA3EFE.png

    1. eg5:
    3. const promptList = [
    4.     {
    5.         type: "checkbox",
    6.         message: "请选择种类:",
    7.         name: "color",
    8.         choices: [
    9.             'a',
    10.             'b',
    11.             'c'
    12.         ]
    13.     }
    14. ];

    0DAFB62F-79FA-4C3B-9ABC-6E96127E45DD.png

    npm link

    1. link：到模块目录  npm link 进行全局link
    3. 使用：到所需要的项目下，可直接使用此模块
    5. 解除link：npm unlink 模块名

    DEMO

    templates/jstemp.js

    1. layui.define(function (exports) {
    2.     layui.use(['element', 'table', 'form', 'admin', 'view', 'laytpl', 'common', 'util'], function () {
    3.         var element = layui.element,
    4.             $ = layui.$,
    5.             table = layui.table,
    6.             form = layui.form,
    7.             admin = layui.admin,
    8.             view = layui.view,
    9.             laytpl = layui.laytpl,
    10.             common = layui.common,
    11.             router = layui.router(),
    12.             util = layui.util,
    13.             setter = layui.setter;
    15.         // 初始化搜索form表
    16.         form.render();
    18.         util.event('lay-btn-operation', {
    20.         })
    21.     })
    22.     exports('<%= fileName || "default" %>', {}); //注意，这里是模块输出的核心，模块名必须和use时的模块名一致
    23. });

    templates/htmltemp.html

    1. <div class="content-container">
    2.     <div class="container-title"></div>
    3.     <div class="container-title-small" id="listNum"></div>
    5.     <div class="table-container">
    6.         <!-- 查询区域 -->
    7.         <div class="layui-form layui-form-search" lay-filter="layadmin-search-form">
    8.             <form>
    9.                 <div class="layui-form-item">
    10.                     <div class="layui-inline">
    11.                         <label class="layui-form-label-nowidth">员工职务：</label>
    12.                         <div class="inline">
    13.                             <select name="role">
    14.                                 <option value="">全部</option>
    15.                                 <option value="1">列车长</option>
    16.                                 <option value="2">副列车长</option>
    17.                                 <option value="3">乘务员</option>
    18.                                 <option value="4">乘警</option>
    20.                             </select>
    21.                         </div>
    22.                     </div>
    23.                 </div>
    24.                 <div>
    25.                     <input type="button" class="layui-btn" id="search-btn" lay-submit lay-filter="LAY-front-search" value="查询">
    26.                     <input type="reset" class="layui-btn layui-btn-primary" value="重置">
    28.                 </div>
    29.             </form>
    30.         </div>
    31.         <!-- 内容主体区域 -->
    32.         <div class="layui-fluid layui-card">
    33.             <table id="LAY-table-list" lay-filter="filter-table-list" lay-even lay-skin="nob"></table>
    34.         </div>
    35.     </div>
    36. </div>
    38. <script>
    39. layui.use('<%= fileName || "default" %>', layui.factory('<%= fileName || "default" %>'));
    40. </script>

    cli.js

    1. #!/usr/bin/env node
    3. const fs = require('fs');
    4. const path = require('path');
    5. const inquirer = require('inquirer'); // 命令行交互询问
    6. const ejs = require('ejs'); // 模版引擎
    8. const promptList = [{
    9.     type: 'input',
    10.     name: 'fileName',
    11.     message: '请输入页面文件名称：',
    12.     validate: function (val) {
    13.         if (val == '') {
    14.             return '请输入页面文件名称';
    15.         }
    16.         return true;
    17.     }
    18. }, {
    19.     type: 'input',
    20.     name: 'filePath',
    21.     message: '请输入html页面文件路径：',
    22. }, {
    23.     type: 'confirm',
    24.     name: 'createJs',
    25.     message: '是否需要所对应的js文件?',
    26.     default: true
    27. }, {
    28.     type: 'input',
    29.     name: 'fileJsPath',
    30.     message: '请输入js文件路径?',
    31.     default: 'src/controller',
    32.     when: function(answers) {
    33.             return answers.createJs;
    34.     }
    35. }];
    38. // 询问框问题
    39. inquirer.prompt(promptList).then(answers => {
    40.     // 得到用户答案 根据用户回答的结果生成文件
    41.     const tmplDir = path.join(__dirname, 'templates'); // 模板目录
    42.     const destDir = process.cwd(); // 目标目录
    44.     // 将模板下的文件全部转换到目标目录
    45.     fs.readdir(tmplDir, (err, files) => {
    46.         // 得到目录下的所有文件
    47.         if (err) throw err;
    48.         files.forEach(file => {
    49.             // 通过模板引擎渲染文件
    50.             let suffix = file.substr(file.lastIndexOf('.') + 1); // 文件后缀
    51.             ejs.renderFile(path.join(tmplDir, file), answers, (err, res) => {
    52.                 if (err) throw err;
    53.                 // 将结果写入目标文件路径
    54.                 if (suffix == 'html') {
    55.                     let htmlPath = path.join(destDir, `src/views/${answers.filePath}`);
    56.                     // 生成文件夹
    57.                     `src/views/${answers.filePath}`.split('/').forEach(d => {
    58.                         basePath += '/' + d;
    59.                         if (!fs.existsSync(basePath)) {
    60.                             fs.mkdirSync(basePath);
    61.                         }
    62.                     })
    63.                     fs.writeFileSync(path.join(destDir, `src/views/${answers.filePath}/${answers.fileName}.html`), res);
    64.                 }
    66.                 if (suffix == 'js' && answers.createJs) {
    67.                     fs.writeFileSync(path.join(destDir, `${answers.fileJsPath}/${answers.fileName}.js`), res);
    68.                 }
    69.             })
    70.         })
    71.     })
    72. })