简介
cli-rc 是一个能够轻松创建命令行工具的 npm 包，它支持自定义命令行选项以及子命令。使用它，我们可以很方便地将一系列操作封装成一个可执行的命令行工具，并直接在终端中调用。
安装
安装 cli-rc 非常简单，只需要在终端中输入以下命令即可：
npm install cli-rc -g
上述命令中，-g 代表全局安装。
使用
基本用法
安装成功后，在终端中输入以下命令，我们就可以使用 cli-rc 来生成一个非常简单的命令行工具：
cli-rc --init
执行该命令后，我们会在当前目录下自动生成一个名为 bin/app.js 的文件，它包含了一个简单的输出语句：
#!/usr/bin/env node
console.log('Hello, World!');我们可以在终端中输入以下命令运行它：
node bin/app.js
或者直接输入以下命令进入 bin 目录，再运行 app.js 文件：
cd bin && node app.js
添加命令
除了 cli-rc 帮我们生成一个简单的命令行工具外，我们还可以使用 cli-rc 来添加自己的命令。我们可以像下面这样创建一个名为 greet 的命令：
program
.command('greet') // 命令名称
.description('Greet the user') // 命令描述
.action(() => { // 命令执行动作
console.log('Hello, User!');
});上述代码中，program 是 cli-rc 提供的一个对象，用于存储命令行选项以及子命令。command 方法用于添加一个子命令，description 方法用于添加命令描述，action 方法用于添加命令执行动作。
添加选项
除了添加命令外，我们还可以添加命令行选项，使我们的命令行工具支持更多功能。我们可以像下面这样为 greet 命令添加一个 name 参数：
program
.command('greet')
.description('Greet the user')
.option('-n, --name <name>', 'Your name') // 添加选项
.action((options) => { // 读取选项，并输出对应的问候语
console.log(`Hello, ${options.name || 'User'}!`);
});上述代码中，option 方法用于添加选项，其中 -n 代表命令行参数名，--name 代表参数的描述信息，name 代表参数默认值。action 方法的参数 options 对应了我们添加的选项。
添加子命令
在许多情况下，我们需要将一个大功能拆分成多个小功能，以方便使用和组合。此时，我们可以使用 cli-rc 来添加子命令。比如，我们可以将 greet 命令分成两个子命令：
program
.version('0.0.1')
.command('greet', 'Greet the user')
.command('bye', 'Say goodbye to the user')
.parse(process.argv);上述代码中，command 方法可以接收两个参数，第一个参数是命令名称，第二个参数是命令描述。parse 方法用于处理命令行参数。
实战演练
下面我们将结合实际的需求来演示如何使用 cli-rc 创建一个命令行工具。
在日常的前端开发中，我们常常需要使用一些常用的工具，比如雪碧图生成、图片压缩、文件监听等。使用这些工具可以提高我们的开发效率。但是，在项目中使用这些工具时，我们需要安装、配置、启动多个命令行工具，这样就会很麻烦。那么，我们是否可以将这些工具整合成一个命令行工具，并提供简单的命令行选项和子命令来方便我们的使用呢？答案是肯定的，我们可以使用 cli-rc 来实现这一需求。
下面，我们就来看看如何使用 cli-rc 来创建一个前端开发工具。
安装 cli-rc
前面已经讲过了，使用 npm 安装 cli-rc 十分简单，只需要在终端中输入以下命令即可：
npm install cli-rc -g
初始化项目
在终端中进入工作目录，输入 cli-rc --init 命令，然后按照提示进行设置即可。设置完成后，我们会在当前目录下生成一个名为 bin/app.js 的文件，它是我们命令行工具的入口文件。
添加子命令
我们可以使用以下代码添加一个名为 spritex 的子命令，并设置其描述信息：
program .command('spritex') .description('Generate the CSS sprite image and CSS file') .parse(process.argv);当用户执行我们的命令行工具时，输入 spritex 命令，就可以执行该子命令。
添加选项
我们可以使用以下代码为 spritex 命令添加三个选项：
program .command('spritex') .description('Generate the CSS sprite image and CSS file') .option('-f, --files <value>', 'A list of images to be sprited (use comma to separate)') .option('-o, --output <value>', 'Output directory') .option('-n, --name <value>', 'Sprite file name') .parse(process.argv);以上代码中，-f、-o、-n 分别表示三个选项的名称，--files、--output、--name 分别表示三个选项的描述信息，<value> 表示选项的值。用户在执行 spritex 命令时，可以通过 -f、-o、-n 选项来传递相应的参数值。
添加动作
最后，我们需要为 spritex 命令添加一个动作，即当用户执行该命令时需要执行的操作。我们可以像下面这样编写动作代码：
-- -------------------- ---- ------- ------- ------------------- ---------------------- --- --- ------ ----- --- --- ------ ------------ ------- --------- -- ---- -- ------ -- -- ------- ---- ----- -- ----------- ------------ -------- --------- ------- ----------- ------------ ------ --------- ------- ---- ------ ----------------- -- - --------------------------- ---------------------------- -------------------------- -- ---------------------在以上代码中，action 方法接收一个回调函数，该回调函数会在用户执行该命令时被调用。在该回调函数中，我们输出了传递给 spritex 命令的三个选项的值。
测试运行
最后，我们可以在终端中输入以下命令，来测试我们刚刚创建的命令行工具：
./bin/app.js spritex -f a.png,b.png,c.png -o dist -n sprite
上述命令中，spritex 代表我们的子命令，-f、-o、-n 代表三个选项，a.png,b.png,c.png 代表文件列表，dist 代表输出目录，sprite 代表输出文件名。
执行以上命令后，我们可以在 dist 目录下看到一张名为 sprite.png 的雪碧图，并在命令行中看到以下输出：
a.png,b.png,c.png dist sprite
以上就是使用 cli-rc 创建一个前端开发工具的完整过程。
总结
通过上述实例，我们可以看到，使用 cli-rc 来构建命令行工具非常方便，甚至可以将多个命令行工具整合到一起，提高我们的开发效率。cli-rc 提供了丰富的选项和子命令，同时也非常易于使用。相信你在使用 cli-rc 后，一定会感受到它带来的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70151