本文先介紹原生的node.js實(shí)現(xiàn)命令行交互，了解原生的api,然后通過commander.js和inquirer.js實(shí)現(xiàn)一個(gè)完整的交互命令行工具。
process （進(jìn)程）
process對(duì)象是一個(gè)全局變量，它提供了當(dāng)前node.js進(jìn)程的信息并對(duì)其控制。因?yàn)槠涫且粋€(gè)全局變量所以無需在文件中引入。
需要用到的幾個(gè)api
process.argv
屬性返回一個(gè)數(shù)組。數(shù)組的第一個(gè)值是process.execPath,第二個(gè)是正在執(zhí)行的JavaScript的文件路徑，其余參數(shù)為其它命令參數(shù)，這是我們來自定義命令的關(guān)鍵。
示例
新建argv.js
// argv.jsconsole.log(process.argv)
執(zhí)行node命令node argv.js
node argv.js --name zhu## 輸出[ '/usr/local/bin/node', ## 執(zhí)行當(dāng)前腳本的Node二進(jìn)制文件的絕對(duì)路徑 '/Users/zhuhuilong/Node/Book/argv.js', ## 文件的絕對(duì)路徑 '--name', ## 其余參數(shù) 'zhu' ]
接收自定義的命令參數(shù)進(jìn)行處理輸出
// argv.jsconsole.log(process.argv)let argvs = process.argvlet param = argvs.splice(2)if(param[0] && param[0] == '--name'){ if(param[1]){ console.log(`hello ${param[1]}`) }else{ console.log('請(qǐng)輸入name') }}運(yùn)行argv.js
node argv.js --name zhu## 輸出[ '/usr/local/bin/node', '/Users/zhuhuilong/Node/Book/argv.js', '--name', 'zhu' ]hello zhuparam [ '--name', 'zhu' ]
process.stdin與process.stdout
process.stdin(標(biāo)準(zhǔn)輸入)
process.stdin 屬性返回連接到 stdin (fd 0) 的流。 它是一個(gè) net.Socket 流（也就是雙工流），除非 fd 0 指向一個(gè)文件，在這種情況下它是一個(gè)可讀流。
process.stdout(標(biāo)準(zhǔn)輸出)
process.stdout 屬性返回連接到 stdout (fd 1) 的流。 它是一個(gè) net.Socket 流（也就是雙工流），除非 fd 1 指向一個(gè)文件，在這種情況下它是一個(gè)可寫流。
process.stdin.resume()
通俗來講就是控制臺(tái)等待我們輸入內(nèi)容不退出進(jìn)程，對(duì)輸入輸出進(jìn)行交互。
新建inputout.js
// inputout.jsprocess.stdin.setEncoding('utf8')let argvs = process.argvlet param = argvs.splice(2)if (param[0] && param[0] == '--name') { if (param[1]) { console.log(`hello ${param[1]}`) } else { process.stdout.write(`請(qǐng)輸入name:`) process.stdin.resume() process.stdin.on('data', chunk => { if (!!chunk.replace(/[/r/n]/g, '')) { process.stdout.write(`你輸入的name是: ${chunk}`) process.stdin.emit('end') } else { process.stdout.write(`請(qǐng)輸入name:`) } }) }}process.stdin.on('end', () => { process.stdout.write('結(jié)束/n')})>執(zhí)行node inputout.js --name
備注
在新版本node模式下可以使用process.stdin.on("readable",()=>{})代替process.stdin.resume()恢復(fù)輸入流接收。
示例：
process.stdin.on("readable", () => { var chunk = process.stdin.read(); console.log(typeof(chunk)) if (chunk !==null) { process.stdout.write(`data: ${chunk}`); process.stdin.emit("end"); }});process.stdin.on("end", () => { process.stdout.write("end");});從上面的示例我們可以拿到process.argv參數(shù)對(duì)其進(jìn)行處理交互，但如果要實(shí)現(xiàn)更復(fù)雜的命令交互，使用上面的方法會(huì)很吃力。下面我們使用commander.js和inquirer來實(shí)現(xiàn)一個(gè)完整的node命令行工具(創(chuàng)建項(xiàng)目模版)。
commander.js
node.js命令行界面的完整解決方案，受Ruby Commander啟發(fā)。
commander.js的API簡(jiǎn)述
program.version() 聲明版本
const program = require('commander')const pkg = require('../package.json')program.version(pkg.version)Options 解析
使用.option()方法定義commander的選項(xiàng)options，也可以作為選項(xiàng)的文檔。
var program = require('commander'); program .version('0.1.0') .option('-p, --peppers', 'Add peppers') .option('-P, --pineapple', 'Add pineapple') .option('-b, --bbq-sauce', 'Add bbq sauce') .option('-c, --cheese [type]', 'Add the specified type of cheese [marble]', 'marble') .parse(process.argv); console.log('you ordered a pizza with:');if (program.peppers) console.log(' - peppers');if (program.pineapple) console.log(' - pineapple');if (program.bbqSauce) console.log(' - bbq');console.log(' - %s cheese', program.cheese);添加自定義命令program.command()
var program = require('commander'); program .command('rm <dir>') //<>必選參數(shù)，如果是[]則是可選參數(shù) .option('-r, --recursive', 'Remove recursively') .action(function (dir, cmd) { console.log('remove ' + dir + (cmd.recursive ? ' recursively' : '')) }) program.parse(process.argv)// command()可變參數(shù)/** 命令command有且只有最后一個(gè)參數(shù)可變不固定的。 要使參數(shù)變量可變，必須將...附加到參數(shù)名稱。**/program .version('0.1.0') .command('rmdir <dir> [otherDirs...]') .action(function (dir, otherDirs) { console.log('rmdir %s', dir); if (otherDirs) { otherDirs.forEach(function (oDir) { console.log('rmdir %s', oDir); }); } });program.parse(process.argv);program.action() 定義命令的回調(diào)函數(shù)
var program = require("commander");program .command("rm <dir>") .option("-r, --recursive", "Remove recursively") .option("-f, --force", "remove force") .action(function(dir, cmd) { // cmd為option參數(shù)選項(xiàng) //console.log('cmd',cmd) if (cmd.recursive) { console.log("remove " + dir + " recursively"); } if (cmd.force) { console.log("remove " + dir + " forcefully"); } });program.parse(process.argv);inquirer.js
Inquirer.js 使用NodeJs做的一個(gè)通用交互式命令行用戶界面的集合。具有常用的控制臺(tái)交互操作。
由于交互的問題種類不同，inquirer為每個(gè)問題提供很多參數(shù)：
const program = require('commander')const inquirer = require('inquirer')const fs = require('fs')const path = require('path')const pkg = require('../package.json')const CWD = process.cwd()const promptList = [ { type: 'list', message: '請(qǐng)選擇一種模版', name: 'template', choices: ['vue', 'angular', 'webpack-m-pages'], filter: function(val) { return val.toLowerCase() } }]program .version(pkg.version) .command('create <dir>') .description('create project template') .action(function(dir, cmd) { const TEMPLATE_PATH = path.join(CWD, dir) if (fs.existsSync(TEMPLATE_PATH)) { } else { fs.mkdirSync(TEMPLATE_PATH) } if (dir) { inquirer.prompt(promptList).then(anwsers => { console.log(anwsers) }) } })program.parse(process.argv)運(yùn)行 node cli/cli.js create vue
已經(jīng)可以運(yùn)行了，我們自定義一個(gè)命名替代每次都執(zhí)行node
命令為：test-cli create <dir>
1、創(chuàng)建bin文件夾，在bin文件夾下創(chuàng)建index.js文件
#!/usr/bin/env noderequire('../cli/cli')2、修改package.json文件
添加bin選項(xiàng)
"bin": { "test-cli": "./bin/index.js" },3、執(zhí)行npm link (如果沒有權(quán)限，執(zhí)行sudo npm link)
4、測(cè)試
5、發(fā)布 npm publish (如果未登錄需先 npm login登錄)
6、發(fā)布完畢，需npm unlink解除本地的命令映射
npm install -g XXX
總結(jié)
以上所述是小編給大家介紹的node.js命令行教程圖文詳解,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
