从零开始搭建前端脚手架（三）-- [动态添加、删除模板]

一、前言

本篇文章延续上篇从零开始搭建前端脚手架的事情，新增动态创建模板的相关方法，包括：新增 、删除、展示所有模板相关功能，这样我们就不必每增加一个模板，就需要修改代码了。

二、实现步骤

1.设计思路-总纲

我们先说一下设计思路，主要包括以下内容

1.需要一个json文件去存储所有的模板。
2.将与用户的选择模板交互内容选项变为从json文件获取。
3.设置不同命令，操作模板文件的增删以及展示

2.创建模板存储文件

首先我们创建一个模板存储的json文件，放入到libs文件夹中(libs/record.json)

[{"name": "electron","value": "electron1","description": "electron+vue2(桌面端项目)","link": "https://gitee.com/airdark/first-electron-1.git" },{"name": "web","value": "web","description": "vue2+webpack+iview(浏览器项目)","link": "https://gitee.com/airdark/vue2-demo.git"},{"name": "h5","value": "h5","description": "vue2+vant(移动端