手把手教你写命令行工具

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

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

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

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

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

1、建立一个新项目

首先，咱们建立一个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"
}

2、新建一个可执行文件

咱们在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!');

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

咱们须要在package.json中，指定bin字段将cli.js做为咱们的执行文件。

{
  "bin": "cli.js"
}

或者：

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

4、调试

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

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

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

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

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

$ cli-demo

Hello world!

5、使用命令行辅助工具

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

• 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!

6、发布

单纯的发布包到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