<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        inquirer.js一個用戶與命令行交互的工具詳解

        來源:懂視網 責編:小采 時間:2020-11-27 21:56:41
        文檔

        inquirer.js一個用戶與命令行交互的工具詳解

        inquirer.js一個用戶與命令行交互的工具詳解:寫在前面: 開始通過npm init 創建package.json的時候就有大量與用戶的交互(當然也可以通過參數來忽略輸入);而現在大多數工程都是通過腳手架來創建的,使用腳手架的時候最明顯的就是與命令行的交互,如果想自己做一個腳手架或者在某些時候要與用戶進行交互,
        推薦度:
        導讀inquirer.js一個用戶與命令行交互的工具詳解:寫在前面: 開始通過npm init 創建package.json的時候就有大量與用戶的交互(當然也可以通過參數來忽略輸入);而現在大多數工程都是通過腳手架來創建的,使用腳手架的時候最明顯的就是與命令行的交互,如果想自己做一個腳手架或者在某些時候要與用戶進行交互,

        一. 使用

        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位數字";
         }
        }];

        效果:

        input

        2. confirm

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

        效果:

        confirm_y 

        confirm_n

        3. list

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

        效果:

        list_1 

        list

        4. rawlist

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

        效果:

        rawlist

        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"
         }
         ]
        }];

        效果:

        expend_1 

        expend_2

        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 // 設置行數
        }];

        效果:

        checkbox_sep 

        checkbox_size

        7. password

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

        效果:

        pwd

        8. editor

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

        效果:

        editor_inset 

        editor_res

        寫在后面:

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        inquirer.js一個用戶與命令行交互的工具詳解

        inquirer.js一個用戶與命令行交互的工具詳解:寫在前面: 開始通過npm init 創建package.json的時候就有大量與用戶的交互(當然也可以通過參數來忽略輸入);而現在大多數工程都是通過腳手架來創建的,使用腳手架的時候最明顯的就是與命令行的交互,如果想自己做一個腳手架或者在某些時候要與用戶進行交互,
        推薦度:
        標簽: 用戶 js 詳解
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲免费视频播放| 免费高清A级毛片在线播放| AV无码免费永久在线观看| 国产成人精品男人免费| 日本亚洲精品色婷婷在线影院| 久久九九兔免费精品6| 亚洲电影在线免费观看| 精品国产免费人成电影在线观看| 亚洲成在人线中文字幕| 97视频热人人精品免费| 亚洲精华国产精华精华液好用| 在线免费观看一区二区三区| 亚洲精品无码久久久久A片苍井空| 日本一道在线日本一道高清不卡免费| 男人的天堂av亚洲一区2区| 亚洲高清最新av网站| 久久国产乱子伦精品免费强| 亚洲熟妇无码久久精品| 免费毛片在线视频| 无遮挡a级毛片免费看| 亚洲av最新在线网址| 91精品成人免费国产片| 亚洲欧美第一成人网站7777| 免费国产小视频在线观看| 中文字幕高清免费不卡视频| 4480yy私人影院亚洲| 暖暖免费高清日本一区二区三区| 精品免费tv久久久久久久| 国产免费爽爽视频在线观看| 一个人看的免费视频www在线高清动漫| 久久亚洲国产欧洲精品一| 国产成人A亚洲精V品无码| 久久精品国产亚洲AV麻豆网站| 亚洲乱码中文字幕在线| 亚洲日韩中文无码久久| 91久久精品国产免费一区| 亚洲色少妇熟女11p| 亚洲三区在线观看无套内射| 青娱乐免费在线视频| 国产精品免费一区二区三区 | 91久久成人免费|