实现一个简单的node 命令行工具

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

nodejs 命令行工具如下图所示：

image.png

一、创建一个新项目

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

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

通过以上步骤，我们新建了一个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文件夹中，新建一个名为cli.js的文件。
如何让一个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-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!

六、发布

现在功能写完了，剩下的事情就是发布了。首先要到 https://www.npmjs.com 查找一下自己的包名有没有人已经发布了，如果有的话，你需要先修改包名。然后在 https://www.npmjs.com 注册一个账号。记住自己的账号密码和邮箱后，回到命令行。

npm login
Username: ...
Password: 
Email: (this IS public)
Logged in as ... on https://registry.npmjs.org/.

注意登录成功后显示的是 https://registry.npmjs.org/ 很多同学设置了淘宝的镜像，显示的就不是这个地址，那么发布之前要改回来。

 npm config set registry=http://registry.npmjs.org

然后就可以发布包了。

npm publish

如果之后有修改，更改一下 package.json 中的版本号然后再次执行 npm publish 即可。

发布后可以去 npm 网站搜索一下自己的包。然后就是安装测试一下功能。

全局安装一下

npm i cli-demo -g