本文共 973 字,大约阅读时间需要 3 分钟。
在工作中我们会用到很多便捷的脚手架工具,比如Vue的vue-cli,React的create-react-app等。极大的提高了我们的工作效率,那么今天我们就来学学怎么制作一款自用的前端脚手架。
1.初始化
在根目录下新建`bin/luchx.js`文件,并添加以下代码
首先文件第一行表示该文件运行于node环境,接着引入commander。最后的program.parse方法用于解析命令行中传入的参数。
2.添加第一个指令
command命令有两种用法,官方示例如下:
其中参数对应的<>, [ ]分别代表必填和选填。这里我们使用第一种,添加如下代码:
3.添加监听–help事件
执行结果
1.在根目录下创建lib文件,并添加create.js文件。
2.校验包名
3. inquirer.js 处理命令交互
4. 封装下载文件lib/downloadFromRemote.js
5. 添加下载操作
本项目没有发布到npm上,仅作学习研究之用,可以自己拉取项目然后执行npm link,在本地体验。为了可以全局使用,我们需要在package.json里面设置一下,这样就可以执行luchx命令开头的指令了。
"bin": { "luchx": "bin/luchx.js"},
以上完整的代码可以访问[github查看获取](https://github.com/luchx/ECHI_CLI)
原文
转载地址:http://exqni.baihongyu.com/