0.0.2 • Published 2 years ago
@klxin/pro-cli v0.0.2
cli 脚手架简介
为什么要自己搞脚手架
- 在实际的开发过程中,我们经常用别人开发的脚手架,以节约搭建项目的时间。但是,当 npm 没有自己中意的脚手架时,我们不得不自己动手,此时学会开发前端 CLI 脚手架的技能就显得非常重要
- 根据交互动态生成项目结构和配置文件等
- 减少重复性的工作,不再需要复制其他项目再删除无关代码,或者从零创建一个项目和文件
- 多人协作更为方便,不需要把文件传来传去
入门需知
下面我们以创建 js 插件项目的脚手架来加深我们对前端脚手架的认知
chalk[1] (控制台字符样式)
commander[2] (实现 NodeJS 命令行)
download[3] (实现文件远程下载)
fs-extra[4] (增强的基础文件操作库)
handlebars[5] (实现模板字符替换)
inquirer[6] (实现命令行之间的交互)
log-symbols[7] (为各种日志级别提供着色符号)
ora[8] (优雅终端 Spinner 等待动画)
update-notifier[9] (npm 在线检查更新)
功能说明
- init(初始化模板)
- template(下载模板)
- mirror(切换镜像)
- upgrade(检查更新)
目录结构
js-plugin-cli
├─ .gitignore
├─ .npmignore
├─ .prettierrc
├─ LICENSE
├─ README.md
├─ bin
│ └─ index.js 入口文件
├─ lib
│ ├─ init.js 初始化
│ ├─ config.js 配置文件
│ ├─ download.js 下载/更新模板
│ ├─ mirror.js 切换镜像链接
│ └─ update.js 检查更新
└─ package.json
0.0.2
2 years ago