前端开发中，我们经常需要在终端中执行一些命令，例如：运行开发服务器、打包产出、提交代码等等。如果每一次都要手动输入这些命令，那么就会显得极其繁琐。这时候，如果有一个可以自动化执行命令的工具，那将会大大提高我们的生产效率，这也是 executive 库的初衷所在。
executive 是一款基于 Node.js 开发的 npm 包，能够提供直观、高效、便捷的命令行工具，可以帮助我们快速地搭建和管理项目，提高开发效率。
安装
在使用 executive 前，我们需要将其安装到项目中：
# 安装 npm install -g executive
安装完成后，我们就可以在终端中直接使用 executive 命令了，如下所示：
ex <command>
其中 <command> 是一个需要执行的命令，例如：
ex start
这个命令将会在终端中执行 npm start 命令（如果这个命令存在）。
执行多个命令
有时候，我们需要在终端中执行多个命令才能完成一个任务。例如，在项目启动之前，我们可能需要安装一些依赖、进行代码规范检查等等。此时，我们可以使用 executive 提供的 exs 命令来快速批量执行这些命令。假设我们需要在项目启动之前执行以下三个命令：
npm install eslint --fix src/ npm start
那么，我们只需要在终端中输入以下命令：
exs "install" "eslint --fix src/" "start"
其中，每个命令都需要使用双引号 "" 括起来，这是因为我们需要将这些命令作为参数传递给 exs 命令。执行以上命令之后，就会依次运行安装依赖、代码规范检查和启动项目的命令。
支持执行多个平台命令
在不同的操作系统中，可能存在一些命令是不兼容的，这将导致在执行命令时出现错误。例如，在 Windows 中，我们需要通过 cls 命令清空终端屏幕，而在 Unix/Linux 中，我们需要使用 clear 命令来达到同样的效果。此时，我们可以使用 executive 提供的 exe 命令来执行多个平台的命令。
假设我们需要清空终端屏幕，我们可以使用以下命令：
exe "cls || clear"
在 Windows 下，exe 命令会首先执行 cls 命令，如果执行失败，则会执行 clear 命令。在 Unix/Linux 下，则会直接执行 clear 命令。
支持自定义命令
在 executive 中，我们可以根据自己的需求来自定义命令。假设我们需要自定义一个命令，用于将指定目录下的所有图片转换为 webp 格式，我们可以在 package.json 中添加以下命令：
{
"scripts": {
"compress-images": "ex sh imagemin --out-dir=dist src/**/*.@(png|jpg|jpeg|gif) && ex sh cwebp -q 90 -quiet -o dist/{*.png,*.jpg,*.jpeg,*.gif}.webp",
}
}在以上命令中，我们分别使用了 ex sh 命令来执行 imagemin 和 cwebp 命令，将指定目录下的所有符合条件的图片转换为 webp 格式，并存储到指定目录中。在以上命令中，我们将 compress-images 设置为了自定义命令的名字，这将会在终端中显示为 npm run compress-images。
总结
通过上述介绍，我们可以看出，executive 是一个十分实用的 npm 包，可以极大地提高我们的开发效率。它支持快速执行单个命令、批量执行多个命令、执行多个平台命令、自定义命令等多种功能。掌握这些功能，能够帮助我们更好地完成项目开发，也能够提升我们作为前端开发者的竞争力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65665