手把手教你写命令行工具

DevYK 发布于2019-08-23 11:36 / 1127人阅读

摘要：命令行工具，即。我们在写命令行工具的时候，需要指定一个可执行文件。或者四调试我们全局安装一个包后，可以全局调用这个命令行工具。

命令行工具，即 Cli(command-line interface)。是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。

在学习这篇教程之前，你需要先了解NodeJs,NPM和一些常用的shell命令！

对于前端开发者来说，用NodeJs开发命令行工具是最方便和快速的，借助于 npm，可以方便的进行调试和发布。

NodeJs的命令行使用如下图所示：

那么怎么从零开始写一个命令行工具呢？

一、创建一个新项目

首先，我们创建一个npm项目。

$ mkdir cli-demo
$ cd cli-demo
$ npm init

通过以上步骤，我们新建了一个cli-demo文件夹，并且在cli-demo文件夹中初始化了一个package.json文件。package.json的内容大概是这样:

{
  "name": "cli-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "",
  "license": "MIT"
}

二、新建一个可执行文件

我们在cli-demo文件夹中，新建一个js文件，这里我们新建一个名为cli.js的文件。

我们在写命令行工具的时候，需要指定一个可执行文件。在package.json中，bin字段用来映射命令名和可执行文件。在通过npm install -g全局安装的时候，npm会symlink可执行文件到prefix/bin文件夹。
如果通过npm install本地安装的时候, npm会symlink可执行文件到./node_modules/.bin/文件夹。

(完整的字段说明在这里：https://docs.npmjs.com/files/...

如何让一个js文件变成可执行文件？只需要在js文件的头部加上一行代码:

#!/usr/bin/env node

稍微完善一下cli.js, 如下：

#!/usr/bin/env node

console.log("Hello world!");

三、指定cli.js为执行文件

我们需要在package.json中，指定bin字段将cli.js作为我们的执行文件。

{
  "bin": "cli.js"
}

或者：

{
  "bin": {
    "cli-demo": "cli.js"
  }
}

四、调试

我们全局安装一个cli包后，可以全局调用这个命令行工具。那我们在开发调试的时候, 就要用到npm link这个命令了。

在npm包文件夹下执行npm link命令，会创建一个符号链接，链接全局文件夹{prefix}/lib/node_modules/和你执行npm link的包文件夹。

注意：package-name是package.json中的name, 而不是文件夹名。

详细的解释在这儿: https://docs.npmjs.com/cli/link

我们在cli-demo文件夹下执行npm link命令后，就可以全局使用cli-demo命令了。

$ cli-demo

Hello world!

五、使用命令行辅助工具

在我们写命令行工具的时候，使用一些辅助工具会让我们开发更高效。以下是一些我用过的一些辅助工具：

Commander.js - 帮助参数解析，我最常用

optionator - 帮助参数解析，Eslint 使用

Inquirer.js - 常见交互式命令行

chalk - 命令行输出自定义颜色

修改我们的cli.js，使用Commander.js做一些更复杂的操作。

首先，安装commander.js:

npm i commander

cli.js代码：

#!/usr/bin/env node

const program = require("commander");

program
  .version("0.1.0")
  .option("-n, --yourname [yourname]", "Your name")
  .option("-g, --glad", "Tell us you are happy")
  .parse(process.argv);

if (program.yourname) {
  console.log(`Hello, ${program.yourname}! ${program.glad ? "I am very happy to see you!" : ""}`);
}

在命令行中使用：

$ cli-demo -h

  Usage: cli-demo [options]

  Options:

    -V, --version              output the version number
    -n, --yourname [yourname]  Your name
    -g, --glad                 Tell us you are happy
    -h, --help                 output usage information

$ cli-demo -n Jay

  Hello, Jay!

$ cli-demo -n Jay -g

  Hello, Jay! I am very happy to see you!

六、发布

单纯的发布包到npm非常简单，只需要一条命令：

npm publish

但是一个完善规范的发布流程不仅如此，还需要考虑版本号的规范(Semver)，commit message的规范，tag等一系列因素。如果手动来搞的话，是挺麻烦的。

这里推荐使用relix, 一步搞定！

npm i relix -g

进入cli-demo文件夹，然后：

relix --patch

会自动帮你生成新版本号，生成提交信息，打tag，推送提交和tag到github，发布npm包！relix的详细用法请看relix文档。

本章完。

进阶阅读：怎么样写一个能告诉你npm包名字是否被占用的工具

我的Github：https://github.com/PengJiyuan

GPU云服务器云服务器手把手教你做图像识别手把手教你阿里云服务器搭建商城命令行工具 php命令行工具

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97194.html

手把手教你写电商爬虫-第五课京东商品评论爬虫一起来对付反爬虫

摘要：和前面几节课类似的分析这节课就不做了，对于分页，请求什么的，大家可以直接参考前面的四节课，这一刻主要特别的是，我们在采集商品的同时，会将京东的商品评价采集下来。系列教程：手把手教你写电商爬虫-第一课找个软柿子捏捏手把手教你写电商爬虫-第二课实战尚妆网分页商品采集爬虫手把手教你写电商爬虫-第三课实战尚妆网AJAX请求处理和内容提取手把手教你写电商爬虫-第四课淘宝网商品爬...

jsummer 2019-08-19 18:20 评论0 收藏0
手把手教你写电商爬虫-第五课京东商品评论爬虫一起来对付反爬虫

摘要：和前面几节课类似的分析这节课就不做了，对于分页，请求什么的，大家可以直接参考前面的四节课，这一刻主要特别的是，我们在采集商品的同时，会将京东的商品评价采集下来。系列教程：手把手教你写电商爬虫-第一课找个软柿子捏捏手把手教你写电商爬虫-第二课实战尚妆网分页商品采集爬虫手把手教你写电商爬虫-第三课实战尚妆网AJAX请求处理和内容提取手把手教你写电商爬虫-第四课淘宝网商品爬...

forsigner 2019-07-25 10:24 评论0 收藏0
手把手教你写带登录的NodeJS爬虫+数据展示

摘要：可以通过传入待删除数组元素组成的数组进行一次性删除。如果后台返回的为表示登录的已失效，需要重新执行。等所有的异步执行完毕后，再执行回调函数。回调函数的参数是每个函数返回数据组成的数组。其实在早之前，就做过立马理财的销售额统计，只不过是用前端js写的，需要在首页的console调试面板里粘贴一段代码执行，点击这里。主要是通过定时爬取https://www.lmlc.com/s/web/...

cpupro 2019-08-26 11:46 评论0 收藏0
手把手教你写电商爬虫-第四课淘宝网商品爬虫自动JS渲染

摘要：老规矩，爬之前首先感谢淘宝公布出这么多有价值的数据，才让我们这些爬虫们有东西可以搜集啊，不过淘宝就不用我来安利了广大剁手党相信睡觉的时候都能把网址打出来吧。系列教程：手把手教你写电商爬虫-第一课找个软柿子捏捏手把手教你写电商爬虫-第二课实战尚妆网分页商品采集爬虫手把手教你写电商爬虫-第三课实战尚妆网AJAX请求处理和内容提取都已经三节课了，大家活动活动手脚，咱们开始一场...

Tecode 2019-08-19 18:19 评论0 收藏0