我们每天都使用CLI程序(例如Terminal,cmd,Powershell等)进行软件开发。你使用的每个工具本质上都是其他软件工程师的产品,我们也可以制作自己的CLI工具。
从零开始的简单CLI,让我们开始吧!
首先,让我们制作一个简单的CLI工具,该工具会打印“ HelloWord”
要制作CLI,您需要制作两个文件
- package.json:将设置和配置指定入口
- index.js:根据CLI命令的可执行文件
添加Package.json 文件
// package.json
{
"name": "my-cli",
"version": "0.0.1",
"description": "nodejs cli program",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Dunizb",
"license": "ISC"
}
在package.json中,指定有关当前CLI程序的元数据, name
,version
,description
、author
等。
创建 index.js 可执行文件
// index.js
#! /usr/bin/env node
console.log('Hello CLI');
那么,第一句话是什么意思?
在Linux和基于Unix的操作系统(例如Mac)中,#! / usr / bin / env node
不仅仅是一个注释。它使用在 /usr/bin/env
中注册的node命令来运行文件。
但是,在Windows中,这只是一个注释。
添加bin属性
我们添加 bin
属性来实际运行 index.js 文件
// package.json
{
"name": "my-cli",
"version": "0.0.1",
...
...
"license": "ISC",
"bin": {
"cli": "./index.js"
}
}
bin
属性具有可执行文件,cli
命令要求运行 index.js
文件。
运行CLI
最后,让我们运行CLI在控制台上打印Hello CLI。通过运行 npm i -g
在package.json中安装配置。
下次你在控制台上运行npm i -g
,您获得了updated 1 package...
,而不是added 1 package ...
。
然后运行 cli
命令。终于, Hello CLI!
你可能需要在Mac和Linux环境中附加 sudo
命令(即 sudo cli
),没有 node_modules
文件夹,因为你没有安装依赖项。
CLI中的Process.argv
// index.js
#! /usr/bin/env node
console.log('Hello CLI', process.argv);
你可以使用 process.argv
在命令中找到选项,选项以数组形式显示。
你不需要在每次更新 index.js
代码时再次运行 npm i -g
,因为你已经将 package.json
的 bin
属性连接到 cli
命令和 index.js
文件。因此,每次调用 cli
命令时,都可以执行 index.js
文件(它不是来自缓存的,因此您可以运行新的更新内容)。
在终端中运行命令:
cli one two three four
结果
数组中的前两个元素是 node
和 cli
命令的路径。(对于Windows系统,它可能会打印出不同的输出)输出可能会因您的计算机设置和环境而异(这取决于您在计算机上安装node和cli命令的位置)。
此外,one two three four
表示为数组类型
其次,通过“用户输入”与用户交互的简单CLI工具
使用称为readline的本机Node模块从用户那里获取输入。
// index.js
#! /usr/bin/env node
const readline = require('readline');
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout,
});
rl.question("你今天好吗(快乐, 悲伤)?", (answer) => {
if(answer === "快乐") {
console.log("听你这么说我很高兴");
} else if (answer === "悲伤") {
console.log("希望你明天感觉好些")
} else {
console.log("你是快乐还是悲伤?");
}
rl.close();
});
你可以使用 readline
模块中的 createInterface
方法创建 rl
对象。
process.stdin
和 process.stdout
是控制台输入和输出流。
readline
模块接受来自用户的输入,rl
对象提问法是向用户提问的一种方法,回调函数具有一个 answer
参数(来自用户的输入),如果所有 I/O(输入和输出)完成,则关闭 rl
对象。
我们是否可以通过再次询问用户在这种情况下是否既不回答“高兴”也不回答“悲伤”来进一步提高CLI ?
再次询问用户时,是否回答错误
#! /usr/bin/env node
const readline = require('readline');
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout,
});
console.clear();
const answerCallback = (answer) => {
if (answer === "快乐") {
console.log("听你这么说我很高兴");
rl.close();
} else if (answer === "悲伤") {
console.log("希望你明天感觉好些");
rl.close();
} else {
console.log("你是快乐还是悲伤?");
rl.question("你今天好吗(快乐,悲伤)? ", answerCallback);
}
};
rl.question("你今天好吗(快乐,悲伤)?", answerCallback);
当程序开始使用 console. Clear
时清除控制台,然后使用 rl.question
方法询问用户输入并使用answerCallback
函数获得答案。
如果答案既不是悲伤也不是快乐,请清除控制台,然后递归再次提问,如果答案是悲伤或快乐,关闭输入控制台。
最后
在本文中,我们练习了一种制作简单的CLI工具(要求用户输入)的方法。希望你喜欢阅读。
更多的高级和实用的例子可以从博客上找到进阶版CLI。
文章首发《前端外文精选》微信公众号
继续阅读其他高赞文章
- 2020年的12个Vue.js开发技巧和窍门
- 【小技巧】CSS如何实现文字两端对齐效果?
- 7个简单但棘手的JavaScript面试问题
- 让你可以在2020年成为前端大师的9个项目
- 【实战】Vue.js 图标选择组件开发
- 你必须知道的HTTP基本概念
- 【笔记】Web全栈工程师的自我修养(上)
- 【笔记】Web全栈工程师的自我修养(下)
- 【小技巧】H5页面上如何禁止手机虚拟键盘弹出?
- 拒绝JavaScript,这三个CSS技巧你一定用的上
- 7个能提高你生产力的隐藏Chrome DevTools功能
- 【图文教程】同步你的VSCode设置及扩展插件,换机不用愁