cli介绍
命令行界面（英语：command-line interface，缩写：cli），是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。
目前前端开发中,cli是常用的工具。前端三大框架vue、react、angular都有对应的cli，包括现在最流行的前端工程化的打包工具webpack，也有对应的webpack-cli。
在现代的前端开发中,cli提高了开发的效率。让相应的前端开发者免去了大量的重复性操作，节省了大量的时间。cli可以完成的功能，包括但不限于初始化生成对应的项目模板、执行特定的脚本文件、在项目中创建新的模块 。下面来介绍一下前端工程师如何使用node.js来完成一个cli。
创建项目
打开终端，创建moka-cli的目录
进入目录，初始化项目
根目录下新建bin目录,并新建index.js文件，此时目录结构如下
开发cli需要借助commander、inquirer、chalk三个库
修改package.json文件，使用es moudle,并新增moka命令
接下来需要在/bin/index.js中编程,在第一行添加如下代码，这行代码是告诉系统要用node来执行这个文件。
再添加下面代码
然后在项目根目录下全局安装项目
到这里，一个简单的cli就完成了，可以打开终端，在任意目录下输入moka,控制台就会打印出对应的消息。
第三方库介绍
moka-cli希望实现可以创建前端开发模板的功能，可以使用moka命令来创建一个vue或react项目。
先来介绍一下使用到到第三方的库
commander
文档地址
用来实现命令的库，在moka-cli中会用来实现create命令，实现用下面的命令行来创建一个vue-demo的项目
inquirer
文档地址
实现用户和终端交互的库，在moka-cli中使用create指令的时候会询问是否覆盖已有项目
chalk
可以在终端界面显示出多种颜色的文本和背景
核心功能
在根目录创建actions和templates目录,目录结构如下
templats下面用来存放通过cli要生成的项目的模板，在这里先随便创建几个文件展示一下。
修改/bin/index.js文件
修改./actions/create.js文件
最后在项目根目录运行以下命令，重新安装一下moka-cli
随便找一个路径，运行moka create <template> [name]命令来生成项目
效果如下,会在该目录下生成一个react-demo的文件夹，里面存放的就是moka-cli项目中/templates/react下的所有
如果在该目录下继续创建一个同名的项目，就会提示是否覆盖,输入y后继续执行
create命令的核心逻辑是通过node的fs模块来复制/templates下的文件，然后将其放到指定的路径下，具体实现直接看代码就可以来。
总结
cli是提示前端开发效率的重要工具，如果有长期维护的项目，开发一个cli来完成一些重复性的工作，是一个不错的选择。
moka-cli还没有上传github,等过段时间完善一些/templates下的项目模板，我会在文章里补充项目地址。
到此这篇关于利用node.js开发cli的文章就介绍到这了,更多相关node.js开发cli内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com！
