一、背景
1.多个业务线的提现页都在同一个仓库，多个目录，每个目录就是一个业务线
2.由于新出一个业务线就要copy一个目录。重复代码 ，只是文件路径名称不同。
3.所以需要写一个前端项目模版 一键生成 不用再收到copy——就用到vue-cli3的Preset
二、核心概念
1.项目git地址- https://github.com/DarLingHan/vue-preset-demo有用请star哦～
2.一个Preset项目包含以下文件：
3.目录
模版项目目录
prompts文件——一个Inquirer.js的问题的数组
prompts.js文件
generator.js文件——Generator生成器 (GeneratorAPI实例，options-prompts问题数组, rootOptions-preset.json对象)
generator.js文件
preset.json文件——包含创建新项目所需预定义选项和插件的JSON对象(目前我没有配置什么东西）
preset.json文件
4.执行本地preset项目
vue-preset-demo2就是模版项目的名称
执行结果
prompts中的problem1选项
prompts中的problem2选项
生成的项目
三、延伸思考
多个业务线在demo模版的基础上又有多个个性化定制的需求，导致后面持续迭代时，仓库越来越臃肿，就会存在多人多业务线维护，导致代码冲突，业务线冲突等问题，十分不安全。
所以解决的一个方案是需要 通过脚手架 一键生成独立仓库 并接入自动部署服务 再接入离线化、性能监控、异常上报三件套等等
那么问题来了，如何在命令行里 输入一个命令 一键提交到gitlab上 并且自动部署 生成测试环境、生产环境域名，以至于更加节约成本、提升效率呢～
见下一篇文章-创建脚手架
网友评论