持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情

二、命令行指令

引言

这里开始新的学习系列，动手搭建一个属于自己的 vue 脚手架

主要以 vue 官方的 vue cli 作为参考和学习

方便自己在后续创建 vue 项目时，不必总是复制粘贴

命令行指令

上一节，我们成功的创建了我们的命令，并且与我们的系统进行了绑定

这一节，我们进行 命令行指令 的配置

什么是 命令行指令？

一般我们所使用的 npm 包，都有自己的版本号，以及指令帮助

例如我们常用的 vue cli 它也有，如下图

vue --version

vue --help

这就是 命令行指令，当然上面的只是简单的命令，后续我们还要进行项目的创建等等。

安装 commander 库

可是回到我们自己的脚手架当中，其实并没有发现

还是上一节的输出结果，这肯定不是我们想要的

所以想要实现，跟 vuecli 一样的效果

• 其实这里需要我们安装一个第三方库：commander

  npm install commander

安装好之后，在我们的 bin/index.js 文件中进行使用

const package = require('../package.json')
const program = require('commander')

// 设置版本号
program.version(package.version)


program.parse(process.argv)

这里主要讲解下 最后一行代码 program.parse(process.argv)。它的作用就是 用于解析我们的指令，例如 --version、 --help 等等

• process.argv 主要是获取到指令的参数

• program.parse 主要是解析指令参数

保存后再次执行 wzms-cli --version 和 wzms-cli --help，就可以得到

首先我们没有配置 --help 指令，这个是这个 commander 自带的

这里我们可以再看下 vue cli 的 --help 指令

可以看到 vue cli 做了很多的指令，我们后续也要增加自己的指令。

总结

这里我们通过安装 commander

成功的展示了，自己项目的 版本号、帮助 等 命令行指令