inquirer.js

写一个自用的前端脚手架

假如想象 提交于 2020-04-23 07:17:38
在工作中我们会用到很多便捷的脚手架工具,比如Vue的vue-cli,React的create-react-app等。极大的提高了我们的工作效率,那么今天我们就来学学怎么制作一款自用的前端脚手架。 核心依赖 commander 命令行工具 download-git-repo git仓库代码下载 chalk 命令行输出样式美化 Inquirer.js 命令行交互 ora 命令行加载中效果 didyoumean 脚本命令匹配 fs-extra fs的替代品。 log-symbols 日志着色 semver 语义化日志控制 validate-npm-package-name 校验包名 项目结构 项目搭建 在一个空文件下执行npm init 将以上依赖全部安装,执行npm install commander … validate-npm-package-name -S 1.初始化 在根目录下新建`bin/luchx.js`文件,并添加以下代码 首先文件第一行表示该文件运行于node环境,接着引入commander。最后的program.parse方法用于解析命令行中传入的参数。 2.添加第一个指令 command命令有两种用法,官方示例如下: 其中参数对应的<>, [ ]分别代表必填和选填。这里我们使用第一种,添加如下代码: 3.添加监听–help事件 执行结果 交互说明 1