背景

部门没有基本的基础建设，开发相同业务的代码都是在原来业务代码的基础上进行copy粘贴。于是想要开发一个部门脚手架，提供一系列基础功能，让前端同学专注于业务开发。

目标

通过终端指令完成一系列常见的业务操作。

方案

编写一个全局npm包

脚手架具备的主要功能

• h5-vue项目安装
• h5-react项目安装
• h5代码cdn部署
• 根据yapi自动化生成后台页面代码、接口api
• 图片压缩
• 版本更新提示

脚手架基本流程图

graph TD
a[开始]-->c[ ]
c[ 用户执行终端指令 ] -.activity init.-> d[ 以某个模板初始化一个新工程 ]
c[ 用户执行终端指令 ] -.activity add.-> e[ 活动的常用组件操作 ]
c[ 用户执行终端指令 ] -.activity img.-> f[ 图片操作,可压缩,可生成 ]
c[ 用户执行终端指令 ] -.activity backEnd.-> g[ 根据yapi自动化生成后台页面代码与接口api ]
c[ 用户执行终端指令 ] -.activity convert.-> h[ 文档转换工具 ]
c[ 用户执行终端指令 ] -.activity cdn.-> i[ h5活动推送cdn ]
c[ 用户执行终端指令 ] -.activity react.-> j[ react活动模板下载 ]