cli 脚手架简介

为什么要自己搞脚手架

1. 在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当 npm 没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端 CLI 脚手架的技能就显得非常重要
2. 根据交互动态生成项目结构和配置文件等
3. 减少重复性的工作，不再需要复制其他项目再删除无关代码，或者从零创建一个项目和文件
4. 多人协作更为方便，不需要把文件传来传去

入门需知

下面我们以创建 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 在线检查更新）

功能说明

1. init（初始化模板）
2. template（下载模板）
3. mirror（切换镜像）
4. 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