HTML5教程

实战 | 从零开始使用JavaScript制作自己的命令行(CLI工具)

本文主要是介绍实战 | 从零开始使用JavaScript制作自己的命令行(CLI工具),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1_R0mii3Di1F2ZCFSx1JJDPg.jpeg

我们每天都使用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程序的元数据, nameversiondescriptionauthor等。

创建 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.jsonbin 属性连接到 cli 命令和 index.js 文件。因此,每次调用 cli 命令时,都可以执行 index.js 文件(它不是来自缓存的,因此您可以运行新的更新内容)。

在终端中运行命令:

cli one two three four

结果

数组中的前两个元素nodecli 命令的路径。(对于Windows系统,它可能会打印出不同的输出)输出可能会因您的计算机设置和环境而异(这取决于您在计算机上安装nodecli命令的位置)。

此外,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.stdinprocess.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。


文章首发《前端外文精选》微信公众号

subscribe2.png

继续阅读其他高赞文章

  • 2020年的12个Vue.js开发技巧和窍门
  • 【小技巧】CSS如何实现文字两端对齐效果?
  • 7个简单但棘手的JavaScript面试问题
  • 让你可以在2020年成为前端大师的9个项目
  • 【实战】Vue.js 图标选择组件开发
  • 你必须知道的HTTP基本概念
  • 【笔记】Web全栈工程师的自我修养(上)
  • 【笔记】Web全栈工程师的自我修养(下)
  • 【小技巧】H5页面上如何禁止手机虚拟键盘弹出?
  • 拒绝JavaScript,这三个CSS技巧你一定用的上​
  • 7个能提高你生产力的隐藏Chrome DevTools功能
  • 【图文教程】同步你的VSCode设置及扩展插件,换机不用愁

  • 更多...
这篇关于实战 | 从零开始使用JavaScript制作自己的命令行(CLI工具)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!