本发明涉及前端开发技术领域,尤其是一种实现前端开发多模板支持的脚手架系统。
背景技术:
前端脚手架的目的是为了减少开发人员重复性工作而引入的工具。传统前端开发的过程中,需要引入各种必须的库或者文件,这些环境的部署过程复杂且重复。而前端脚手架的出现则让上述事情简单化,开发人员无需关注配置环境和配置文件,只需对应用程序的核心流程进行开发即可,使得项目从搭建到开发再到部署的过程更加快速及规范。因此前端脚手架的出现使得开发人员的效率大大提升,逐渐成为项目开发的主流技术。现有的知名脚手架有vue-cli和create-react-app,都是官方提供的前端开发一体化构建工具,能够很好的适用于市面上大部分场景。但是,现有前端cli脚手架多为集成一体化的开发构建工具,定制化不够灵活,不支持多模板的管理。
技术实现要素:
为解决现有技术中前端开发个性化定制化不够灵活,不支持多模板的管理的问题,本发明提出了一种实现前端开发多模板支持的脚手架系统。
具体方案如下:
一种实现前端开发多模板支持的脚手架系统,包括:编译模块、输入模块以及输出模块,通过编译模块编写指令并解析输入模块中所输入的模板操作命令,再由输出模块输出界面内容;其中,
编译模块用于指令的编写和处理;
输入模块用于用户输入的模板操作命令;
输出模块用于控制台输出内容。
优选的,所述的编译模块包括commander工具包,所述的输入模块包括inquirer工具包,所述的输出模块包括chalk和or工具包。
优选的,还包括下载模块,所述下载模块用于远程模板下载。
优选的,所述的下载模块包括download-git-repo工具包。
优选的,所述的脚手架系统支持github、gitlab和bitbucket。
优选的,所述的模板操作命令包括kstadd、kstdelete、kstlist和kstinit。
优选的,所述的脚手架系统基于node.js环境开发。
本发明的技术方案可以很好地实现了前端开发的模板定制化和管理,能够适用于多种复杂开发场景。实现了前端开发的模板定制化管理和前端开发工程的快速构建,对不同业务场景的适应性更强。足以支持市面上大部分的业务开发前端构建。
附图说明
下面结合附图对本发明的一种实现前端开发多模板支持的脚手架系统进行具体说明。
图1是本发明脚手架系统的结构框图。
具体实施方式
请参照图1所示的结构框图。具体实现过程的内容为:
一种实现前端开发多模板支持的脚手架系统,包括:编译模块、输入模块以及输出模块,通过编译模块编写指令并解析输入模块中所输入的模板操作命令,再由输出模块输出界面内容;其中,
编译模块用于指令的编写和处理;
输入模块用于用户输入的模板操作命令;
输出模块用于控制台输出内容。
优选的,所述的编译模块包括commander工具包,所述的输入模块包括inquirer工具包,所述的输出模块包括chalk和or工具包。
优选的,还包括下载模块,所述下载模块用于远程模板下载。
优选的,所述的下载模块包括download-git-repo工具包。
优选的,所述的脚手架系统支持github、gitlab和bitbucket。
优选的,所述的模板操作命令包括kstadd、kstdelete、kstlist和kstinit。优选的,所述的脚手架系统基于node.js环境开发。
该脚手架工具基于node服务开发,其可直接用于前端开发模板的快速添加,并基于模板快速搭建前端开发脚手架。其中主要用到以下工具包:
commander用于指令的编写和处理;
inquirer用于用户交互的命令行工具;
chalk控制台输出内容;
download-git-repo用于远程模板下载。
本方案实施例已上传npm,用户可命令行进行全局安装:
npminstall-gkst-cli
安装完成后重启终端生效,输入kst会有相关提示。kst-cli内置了基础的开发模板供快速选择前端开发模板并利用该模板进行前端开发。具体实现代码如下:
通过commander编写指令,结合命令行交互工具包inquirer处理与用户终端输入的交互,并且采用了or、chalk等工具包实现交互界面展示细节,模板下载主要通过download-git-repo工具包实现远程模板下载,支持github、gitlab和bitbucket等。方案提供了一系列的操作流程提示,通过解析用户终端输入进行相应的模板管理操作来实现前端的定制化开发构建。
上述实施例中的实施方案可以进一步组合或者替换,且实施例仅仅是对本发明的优选实施例进行描述,并非对本发明的构思和范围进行限定,在不脱离本发明设计思想的前提下,本领域中专业技术人员对本发明的技术方案作出的各种变化和改进,均属于本发明的保护范围。
1.一种实现前端开发多模板支持的脚手架系统,其特征在于,包括:编译模块、输入模块以及输出模块,通过编译模块编写指令并解析输入模块中所输入的模板操作命令,再由输出模块输出界面内容;其中,
编译模块用于指令的编写和处理;
输入模块用于用户输入的模板操作命令;
输出模块用于控制台输出内容。
2.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统,其特征在于,所述的编译模块包括commander工具包,所述的输入模块包括inquirer工具包,所述的输出模块包括chalk和or工具包。
3.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统,其特征在于,还包括下载模块,所述下载模块用于远程模板下载。
4.根据权利要求3所述的一种实现前端开发多模板支持的脚手架系统,其特征在于,所述的下载模块包括download-git-repo工具包。
5.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统,其特征在于,所述的脚手架系统支持github、gitlab和bitbucket。
6.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统,其特征在于,所述的模板操作命令包括kstadd、kstdelete、kstlist和kstinit。
7.根据权利要求1-6任一所述的一种实现前端开发多模板支持的脚手架系统,其特征在于,所述的脚手架系统基于node.js环境开发。
技术总结