一、前言
本篇文章延续上篇从零开始搭建前端脚手架的事情,新增动态创建模板的相关方法,包括:新增 、删除、展示所有模板相关功能,这样我们就不必每增加一个模板,就需要修改代码了。
二、实现步骤
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(移动端