CN115237406A - 框架搭建方法、装置、电子设备及计算机可读存储介质 - Google Patents

Abstract

本申请提供了框架搭建方法、装置、电子设备及计算机可读存储介质，所述方法包括：获取用于开发目标应用的预设框架的源代码；获取预设框架对应的安装依赖脚本；执行预设框架对应的安装依赖脚本，以搭建得到目标框架；其中，获取预设框架对应的安装依赖脚本的过程包括：判断预设框架是否需要进行样式自定义；当预设框架需要进行样式自定义时，获取用户自定义的样式信息以对预设框架的源代码进行更新，并获取更新后的预设框架的源代码对应的安装依赖脚本作为预设框架对应的安装依赖脚本；当预设框架不需要进行样式自定义时，获取预设的安装依赖脚本作为预设框架对应的安装依赖脚本。可以实现一键式生成实用的框架，减少重复劳动，提高开发效率。

Description

框架搭建方法、装置、电子设备及计算机可读存储介质

技术领域

本申请涉及前端开发的技术领域，尤其涉及框架搭建方法、装置、电子设备及计算机可读存储介质。

背景技术

命令行工具，即Command Line Interface，是一种通过命令行来交互的工具或者应用，其可以包括Vue CLI、Flutter CLI，iOS操作系统的Command Line Tools、Cocopods，和DOS操作系统的MS-DOS。命令行工具有减少低级重复劳动、提高开发效率、规范开发框架、节约计算机系统的资源的效果。其中，Vue CLI可以通过分布式版本控制系统来拉取框架源代码进行初始化，并通过交互式命令来获取工程配置，是前端开发中至关重要的步骤。

专利CN113050937A公开了一种基于命令行的前端数据处理方法及装置，其方法包括：通过包管理工具将命令行工具在操作系统上进行全局安装和全局指令注册；接收用户通过所述命令行工具发送的预制代码文件查询指令并根据所述预制代码文件查询指令回显所述预制代码文件的查询结果列表；接收所述用户通过所述命令行工具发送的预制代码文件下载指令并根据预制代码文件下载指令调用服务端脚本下载接口将对应的预制代码文件下载至当前路径中。该申请可以利用命令行快速完成预制代码文件的查找和下载工作，避免因工具切换影响开发效率，但是交互过程需要用户发送相应指令才能实现，使用起来较为不便。

基于此，本申请提供了框架搭建方法、装置、电子设备及计算机可读存储介质，以改进现有技术。

发明内容

本申请的目的在于提供框架搭建方法、装置、电子设备及计算机可读存储介质，利用自定义的命令行工具进行框架搭建，以人机交互的模式获取用户开发需要的功能，无需复杂的创建项目和安装配置及插件等流程，可以一键式生成实用的移动端框架，减少重复劳动，提高开发效率，解决现有技术的命令行工具不能以人机交互的模式获取用户开发需要的功能从而进行框架搭建的问题。

本申请的目的采用以下技术方案实现：

第一方面，本申请提供了一种框架搭建方法，利用自定义的命令行工具进行框架搭建，所述方法包括：

获取用于开发目标应用的预设框架的源代码；

获取所述预设框架对应的安装依赖脚本；

执行所述预设框架对应的安装依赖脚本，以搭建得到目标框架；

其中，获取所述预设框架对应的安装依赖脚本的过程包括：

利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义；

当所述预设框架需要进行样式自定义时，获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本；

当所述预设框架不需要进行样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。

该技术方案的有益效果在于：利用命令行工具接收用户的输入指令，判断所述预设框架是否需要进行样式自定义，当用户需要样式自定义时，自动获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本。当用户不需要样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。用户还可以选择升级版本和退出终端等功能。当用户选择升级版本功能时，获取升级后的最新代码信息，执行包管理等文件完成升级。当用户选择退出终端功能时，执行推出终端的操作。该方法可以实现轻松自定义命令行工具的模块化操作，便于开发、测试与投入使用。用户自定义功能，提高业务适用性和用户使用效率，减少时间成本。

在一些可选的实施方式中，所述获取用于开发目标应用的预设框架的源代码，包括：

利用分布式版本控制系统获取所述应用于移动端的预设框架的源代码；或者，

利用浏览器开发工具获取所述应用于移动端的预设框架的源代码。

该技术方案的有益效果在于：可以利用分布式版本控制系统(git)中远程拉取(git-pull)的方法，获取所述移动端基础框架的源代码；或者，可以利用分布式版本控制系统中远程克隆(git-clone)的方法，获取所述移动端预设框架的源代码。Git-pull命令用于从另一个存储库或本地框架获取源代码并进行集成整合。Git-pull命令首先会执行git-fetch命令，用于下载远程仓库的源代码，并执行git-merge命令来合并源代码，合并的结果会在存储在本地并创建一个合并commit文件。Git-clone命令的作用是将存储库克隆到新目录中，为存储库中的每个分支创建远程跟踪分支，并从克隆检出的存储库作为当前活动分支的初始分支。使用git获取的都是一个完整的文件库，含有全部历史记录和修订追踪能力，不依赖于网络连接或中心服务器，拆分及合并源代码快速、简便。另外，该操作还可以把获取内容按元数据方式存储，以获取完整的克隆版本库，且支持离线提交，不影响协同开发。

所述方法还可以利用浏览器开发工具获取所述应用于移动端的预设框架的源代码，例如可以使用源工具查看、修改、调试和保存源代码，使用导航器窗格从服务器返回的资源之间导航以构建当前网页，选择文件、图像和其他资源，并查看其路径。其中，“页面”选项卡列出了页面已加载的所有资源。可以使用导航器窗格的“文件系统”选项卡将文件添加到工作区，以便在所做的更改文件保存到本地文件系统。该操作可以快速地获取已开源的框架代码，智能化程度高，操作便捷，获取信息全面。

在一些可选的实施方式中，所述利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义，包括：

利用所述命令行工具显示多个一级选项，所述多个一级选项包括用于指示初始化项目的第一一级选项；

利用所述命令行工具接收针对所述第一一级选项的第一选择操作，响应于所述第一选择操作，利用所述命令行工具显示多个二级选项，所述多个二级选项包括用于指示样式自定义的第一二级选项；

利用所述命令行工具接收针对所述第一二级选项的第二选择操作，响应于所述第二选择操作，确定所述预设框架需要进行样式自定义。

该技术方案的有益效果在于：例如可以利用字符画工具(Figlet)获取艺术字体以显示基础信息(例如，文字、图案、字母等)，使用sudo apt install figlet命令安装字符画工具包，-f选择字体并输入所需要显示的基础信息。利用字符画工具可以简单便捷快速地生成美观的基础信息，获取趣味性的字符画界面，解决手动设计字符图案的难题。

其次利用交互式命令行美化工具(inquirer)获取所述操作列表，以提示用户该操作列表所示的是开发功能并与用户进行交互。由于交互问题的种类不同，inquirer为每个问题提供多种参数，例如可以是：Type，表示提问的类型(input,confirm,list,rawlist,expand,checkbox,password,editor)；Name，存储当前问题回答的变量；Message，获取问题的描述；Default，获取默认值；Choices，列表选项；Validate，对用户的回答进行校验；Filter，对用户的回答进行过滤处理，并返回处理后的值；Transformer，对用户回答的显示效果进行处理；When，根据前面问题的回答，判断当前问题是否需要被回答；PageSize，修改某些type类型下的渲染行数；Prefix，修改message默认前缀；Suffix，修改message默认后缀。利用交互式命令行美化工具可以实现提供错误回调、询问用户需求、获取并解析用户输入、检测用户回答是否合法和管理多层级提示等操作，形成成熟的问题流方式，更加直观且具有逻辑性地与用户进行交互。

其中，所述开发功能可以包括项目初始化功能、样式自定义功能、升级版本功能、退出功能等。当用户选择所述项目初始化的功能时，获取包含样式自定义、项目名称和项目模块等的操作列表。其中，利用样式自定义以获取用户是否统一执行样式自定义的操作。当用户同意执行所述样式自定义的操作时，确定所述预设框架需要进行样式自定义并启动样式自定义服务。设计并生成符合本业务需求的选项和操作列表，更加具有针对性，贴合实际需求，具有高灵活度和可操作性，加速前端框架的搭建的进程。

在一些可选的实施方式中，所述多个一级选项还包括用于指示样式自定义的第二一级选项；

所述利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义，还包括：

利用所述命令行工具接收针对所述第二一级选项的第三选择操作，响应于所述第三选择操作，确定所述预设框架需要进行样式自定义。

该技术方案的有益效果在于：针对所述第二一级选项的操作可以包括同意、不同意、Yes、No、允许、拒绝、Positive、Negative等，以判断所述预设框架是否需要进行样式自定义。用户利用交互设备对选项进行针对第二一级选项的第三选择操作，命令行工具接收针对所述第二一级选项的第三选择操作，确定所述预设框架需要进行样式自定义。该操作更加具有针对性，贴合实际需求，具有高灵活度和可操作性。

在一些可选的实施方式中，所述多个二级选项包括用于指示是否需要处理路由表文件的第二二级选项；

所述方法还包括：利用所述命令行工具接收针对所述第二二级选项的第四选择操作，响应于所述第四选择操作，对所述路由表文件进行删除或保留。

该技术方案的有益效果在于：针对所述第二二级选项的操作可以包括同意、不同意、Yes、No、允许、拒绝、Positive、Negative等，以判断是否需要处理路由表文件。路由表文件(routing table)或称路由择域信息库(RIB,Routing Information Base)，是一个存储在路由器或者联网计算机中的电子表格(文件)或类数据库。路由表存储着指向特定网络地址的路径。路由表中含有网络周边的拓扑信息。用户利用交互设备对选项进行针对第二一级选项的第三选择操作。当用户选择保留所述路由表文件时，获取用户的路由表文件选择信息；所述用户的路由表文件选择信息，用于指示用户是否同意执行所述处理路由表文件的操作。当用户路由表选择信息指示同意执行所述路由表的操作时，执行保留所述路由表文件中相关文件和非必要文件的操作，并结束所述项目初始化功能；或者，当用户路由表选择信息指示不同意执行所述路由表的操作时，执行删除所述路由表文件中相关文件和非必要文件的操作，并结束所述项目初始化功能。

所述方法还可以选择纯净版项目，当用户选择纯净版项目时，获取用户的纯净版项目选择信息。当用户纯净版项目选择信息指示同意获取所述纯净版项目时，执行删除所述路由表文件中相关文件和非必要文件的操作，并结束所述项目初始化功能；或者，当用户纯净版项目选择信息指示不同意获取所述纯净版项目时，结束所述项目初始化功能。该操作更加具有针对性，并且具有多样性，贴合实际需求，具有高灵活度和可操作性。

在一些可选的实施方式中，利用所述命令行工具接收针对所述第三二级选项的第五选择操作，响应于所述第五选择操作，对所述存储文件进行删除或保留。

所述方法还包括：

利用所述命令行工具接收针对所述第三二级选项的第五选择操作，响应于所述第五选择操作，对所述存储文件进行删除或保留。

该技术方案的有益效果在于：针对所述第三二级选项的操作可以包括同意、不同意、Yes、No、允许、拒绝、Positive、Negative、删除、保留等，以判断删除还是保留存储文件。当用户选择保留所述存储文件时，获取用户的存储文件选择信息。当用户存储文件选择信息指示同意执行所述路由表的操作时，结束所述项目初始化功能；或者，当用户存储文件选择信息指示不同意执行所述路由表的操作时，执行删除所述存储文件中相关文件和非必要文件的操作，并结束所述项目初始化功能。该操作更加具有针对性，并且具有多样性，贴合实际需求，具有高灵活度和可操作性。

在一些可选的实施方式中，所述获取用户自定义的样式信息，包括：

利用浏览器显示预设的样式文件；

利用所述浏览器接收针对所述样式文件的修改操作，响应于所述修改操作，对所述样式文件进行修改，以得到所述样式自定义的样式信息。

该技术方案的有益效果在于：例如可以利用超文本传输协议模块(HTTP)的方法，启动所述后台服务器，并对所述浏览器窗口进行访问，修改所述样式文件。HTTP协议由请求和响应两部分构成，请求是由移动端服务器传输数据，相应是由服务器往移动端传输数据。其方法可以是Get、Post、Put、Head、Delete、Options、Trace、Connect等。首先通过require()方法引入HTTP模块，其次使用createServer()方法创建HTTP浏览器，该服务器侦听服务器端口并将响应返回给客户端，当接收客户端请求时，可以提供参数req和res，表示请求和响应信息，通过输入参数来启动后台服务器。

修改样式文件的方法可以是，检查所述包管理文件(npm)是否存在，包括：当所述包管理文件不存在时，结束修改所述样式文件的操作；或者，当所述包管理文件存在时，继续检查所述层叠样式表文件(scss)是否存在。其次，当检查所述层叠样式表文件存在时，结束修改所述样式文件的操作；当检查所述层叠样式表文件不存在时，执行询问用户是否自动创建检查层叠样式表文件的操作。最后，当用户需要自动创建所述检查层叠样式表文件时，生成修改样式文件；当用户不需要自动创建所述检查层叠样式表文件时，结束样式自定义功能。该操作可以便捷地完成样式文件的修改以满足用户的需求。

第二方面，本申请提供了一种框架搭建装置，所述装置包括：

源代码获取模块，用于获取用于开发目标应用的预设框架的源代码；

脚本获取模块，用于获取所述预设框架对应的安装依赖脚本；

脚本执行模块，用于执行所述预设框架对应的安装依赖脚本，以搭建得到目标框架；

其中，获取所述预设框架对应的安装依赖脚本的过程包括：

利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义；

当所述预设框架需要进行样式自定义时，获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本；

当所述预设框架不需要进行样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。

在一些可选的实施方式中，所述源代码获取模块用于：

利用分布式版本控制系统获取所述应用于移动端的预设框架的源代码；或者，

利用浏览器开发工具获取所述应用于移动端的预设框架的源代码。

在一些可选的实施方式中，所述脚本执行模块用于采用以下方式利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义：

利用所述命令行工具显示多个一级选项，所述多个一级选项包括用于指示初始化项目的第一一级选项；

利用所述命令行工具接收针对所述第一一级选项的第一选择操作，响应于所述第一选择操作，利用所述命令行工具显示多个二级选项，所述多个二级选项包括用于指示样式自定义的第一二级选项；

利用所述命令行工具接收针对所述第一二级选项的第二选择操作，响应于所述第二选择操作，确定所述预设框架需要进行样式自定义。

在一些可选的实施方式中，所述多个一级选项还包括用于指示样式自定义的第二一级选项；

所述脚本执行模块还用于采用以下方式利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义：

利用所述命令行工具接收针对所述第二一级选项的第三选择操作，响应于所述第三选择操作，确定所述预设框架需要进行样式自定义。

在一些可选的实施方式中，所述多个二级选项包括用于指示是否需要处理路由表文件的第二二级选项；

所述装置还包括：

第一文件处理模块，用于利用所述命令行工具接收针对所述第二二级选项的第四选择操作，响应于所述第四选择操作，对所述路由表文件进行删除或保留。

在一些可选的实施方式中，所述多个二级选项包括用于指示是否需要处理存储文件的第三二级选项；

所述装置还包括：

第二文件处理模块，用于利用所述命令行工具接收针对所述第三二级选项的第五选择操作，响应于所述第五选择操作，对所述存储文件进行删除或保留。

在一些可选的实施方式中，所述脚本获取模块用于采用以下方式获取用户自定义的样式信息：

利用浏览器显示预设的样式文件；

利用所述浏览器接收针对所述样式文件的修改操作，响应于所述修改操作，对所述样式文件进行修改，以得到所述样式自定义的样式信息。

第三方面，本申请提供了一种电子设备，所述电子设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述任一项框架搭建方法的步骤。

第四方面，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项框架搭建方法的步骤。

附图说明

下面结合附图和实施方式对本申请进一步说明。

图1示出了本申请提供的一种框架搭建方法的流程示意图。

图2示出了本申请提供的一种利用命令行工具接收用户的输入指令的流程示意图。

图3示出了本申请提供的一种获取用户自定义的样式信息的流程示意图。

图4示出了本申请提供的一种框架搭建装置的结构示意图。

图5示出了本申请提供的一种电子设备的结构框图。

图6示出了本申请提供的一种程序产品的结构示意图。

具体实施方式

下面，结合附图以及具体实施方式，对本申请实施例做进一步描述，需要说明的是，在不相冲突的前提下，以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施方式。

在本申请实施例中，“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指的这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，a和b，a和c，b和c，a和b和c，其中a、b和c可以是单个，也可以是多个。值得注意的是，“至少一项(个)”还可以解释成“一项(个)或多项(个)”。

还需说明的是，本申请实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例被描述为“示例性的”或者“例如”的任何实施方式或设计方案不应被解释为比其他实施方式或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。

【方法实施方式】

参见图1，图1示出了本申请实施例提供的一种框架搭建方法的流程示意图。

本申请实施例提供了一种框架搭建方法，利用自定义的命令行工具进行框架搭建，所述方法包括：

步骤S101：获取用于开发目标应用的预设框架的源代码；

步骤S102：获取所述预设框架对应的安装依赖脚本；

步骤S103：执行所述预设框架对应的安装依赖脚本，以搭建得到目标框架；

其中，获取所述预设框架对应的安装依赖脚本的过程包括：

利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义；

当所述预设框架需要进行样式自定义时，获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本；

当所述预设框架不需要进行样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。

由此，利用分布式版本控制系统获取所述应用于移动端的预设框架的源代码；或者，利用浏览器开发工具获取所述应用于移动端的预设框架的源代码。

利用命令行工具接收用户的输入指令，判断所述预设框架是否需要进行样式自定义，当用户需要样式自定义时，自动创建所述检查层叠样式表文件时，获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本。

当用户不需要样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。用户还可以选择升级版本和退出终端等功能。当用户选择升级版本功能时，获取升级后的最新代码信息，执行包管理等文件完成升级。当用户选择退出终端功能时，执行推出终端的操作。

该方法可以实现轻松自定义命令行工具的模块化操作，便于开发、测试与投入使用。用户自定义功能，提高业务适用性和用户使用效率，减少时间成本。

本申请实施例对目标应用不作限定，目标应用例如可以安装于移动端或者电脑端，目标应用例如可以是韵达、淘宝、京东、抖音、快手、美团等。

本申请实施例对预设框架不作限定，其例如可以是前端框架、客户端框架、移动端框架、存储库框架等。在一些可选的实施方式中，预设框架例如可以是自定义的mobile-base框架(即适用于特定业务的mobile-base框架)，还可以是vue框架、angular框架、react框架、svelte框架等。

本申请实施例对预设框架的源代码不作限定，其例如可以是代码块、代码行、编译文件、readme文件、代码文件夹等。

本申请实施例中安装依赖脚本可以是在安装、修改、更新、获取目标应用或目标应用的功能时所需要的依赖脚本。

本申请实施例对命令行工具接收用户的输入指令不作限定，其例如可以是字母、数字、图案、语句、密码、诗文、判断词、地址(路由)等。

本申请实施例对预设框架的样式自定义不作限定，其例如可以是颜色自定义、图案自定义、页面自定义、文件自定义、功能自定义等。

在一些可选的实施方式中，所述步骤S101可以包括：

利用分布式版本控制系统获取所述应用于移动端的预设框架的源代码；或者，

利用浏览器开发工具获取所述应用于移动端的预设框架的源代码。

由此，可以利用分布式版本控制系统中远程拉取(git-pull)的方法，获取所述移动端基础框架的源代码；或者，可以利用分布式版本控制系统中远程克隆(git-clone)的方法，获取所述移动端预设框架的源代码。Git-pull命令用于从另一个存储库或本地框架获取源代码并进行集成整合。Git-pull命令首先会执行git-fetch命令，用于下载远程仓库的源代码，并执行git-merge命令来合并源代码，合并的结果会在存储在本地并创建一个合并commit文件。

Git-clone命令的作用是将存储库克隆到新目录中，为存储库中的每个分支创建远程跟踪分支，并从克隆检出的存储库作为当前活动分支的初始分支。使用git获取的都是一个完整的文件库，含有全部历史记录和修订追踪能力，不依赖于网络连接或中心服务器，拆分及合并源代码快速、简便。另外，该操作还可以把获取内容按元数据方式存储，以获取完整的克隆版本库，且支持离线提交，不影响协同开发。

还可以利用浏览器开发工具获取所述应用于移动端的预设框架的源代码，例如可以使用源工具查看、修改、调试和保存源代码，使用导航器窗格从服务器返回的资源之间导航以构建当前网页，选择文件、图像和其他资源，并查看其路径。其中，“页面”选项卡列出了页面已加载的所有资源。可以使用导航器窗格的“文件系统”选项卡将文件添加到工作区，以便在所做的更改文件保存到本地文件系统。该操作可以快速地获取已开源的框架代码，智能化程度高，操作便捷，获取信息全面。

本申请实施例对移动端不作限定，其例如可以是手机、平板电脑、笔记本电脑、智能穿戴设备等可移动的智能终端设备。

参见图2，图2示出了本申请实施例提供的利用命令行工具接收用户的输入指令的流程示意图。

在一些实施方式中，所述利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义，可以包括：

步骤S201：利用所述命令行工具显示多个一级选项，所述多个一级选项包括用于指示初始化项目的第一一级选项；

步骤S202：利用所述命令行工具接收针对所述第一一级选项的第一选择操作，响应于所述第一选择操作，利用所述命令行工具显示多个二级选项，所述多个二级选项包括用于指示样式自定义的第一二级选项；

步骤S203：利用所述命令行工具接收针对所述第一二级选项的第二选择操作，响应于所述第二选择操作，确定所述预设框架需要进行样式自定义。

由此，首先可以利用字符画工具(Figlet)获取艺术字体以显示基础信息(例如，文字、图案、字母等)，使用sudo apt install figlet命令安装字符画工具包，-f选择字体并输入所需要显示的基础信息。利用字符画工具可以简单便捷快速地生成美观的基础信息，获取趣味性的字符画界面，解决手动设计字符图案的难题。

其次利用交互式命令行美化工具(inquirer)获取所述操作列表，以提示用户该操作列表所示的是开发功能并与用户进行交互。由于交互问题的种类不同，inquirer为每个问题提供多种参数，例如可以是：Type，表示提问的类型(input,confirm,list,rawlist,expand,checkbox,password,editor)；Name，存储当前问题回答的变量；Message，获取问题的描述；Default，获取默认值；Choices，列表选项；Validate，对用户的回答进行校验；Filter，对用户的回答进行过滤处理，并返回处理后的值；Transformer，对用户回答的显示效果进行处理；When，根据前面问题的回答，判断当前问题是否需要被回答；PageSize，修改某些type类型下的渲染行数；Prefix，修改message默认前缀；Suffix，修改message默认后缀。利用交互式命令行美化工具可以实现提供错误回调、询问用户需求、获取并解析用户输入、检测用户回答是否合法和管理多层级提示等操作，形成成熟的问题流方式，更加直观且具有逻辑性地与用户进行交互。

其中，所述开发功能可以包括项目初始化功能、样式自定义功能、升级版本功能、退出功能等。当用户选择所述项目初始化的功能时，获取包含样式自定义、项目名称和项目模块等的操作列表。其中，利用样式自定义以获取用户是否统一执行样式自定义的操作。当用户同意执行所述样式自定义的操作时，确定所述预设框架需要进行样式自定义并启动样式自定义服务。设计并生成符合本业务需求的选项和操作列表，更加具有针对性，贴合实际需求，具有高灵活度和可操作性，加速前端框架的搭建的进程。

本申请实施例对选项的数量不作限定，其例如可以是1个、2个、3个、5个、7个、20个、50个等；

本申请实施例对第一选项不作限定，其例如可以是项目初始化选项、样式自定义选项、升级版本选项、退出选项等。

本申请实施例对开发功能不作限定，其例如可以是项目初始化功能、样式自定义功能、升级版本功能、退出功能等。

本申请实施例中第一选项与开发功能的对应关系是固定的，其例如可以是一对一、一对多、多对一等。一般而言，第一选项与开发功能的对应关系往往是一对一的。

本申请实施例对交互式命令行美化工具提供的参数不作限定，其例如可以是Type、Name、Message、Default、Choices、Validate、Filter、Transformer、When、PageSize、Prefix、Suffix等参数。

本申请实施例对交互式命令行美化工具可获得的功能结构不作限定，其例如可以是输入型、确认型、列表型、选择型、延申型、密码型、编撰型等功能结构。

本申请实施例对浏览器开发工具不作限定，其例如可以是Firebug、GIMP、FileZilla、Webbo、Web Developer Toolbar、Fiddler等。

在一些可选的实施方式中，所述多个一级选项还可以包括用于指示样式自定义的第二一级选项；

所述利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义，还可以包括：

利用所述命令行工具接收针对所述第二一级选项的第三选择操作，响应于所述第三选择操作，确定所述预设框架需要进行样式自定义。

由此，所述第二一级选项的第三选择操作可以是同意、不同意、Yes、No、允许、拒绝、Positive、Negative等，以判断所述预设框架是否需要进行样式自定义。用户利用交互设备对选项进行针对第二一级选项的第三选择操作，命令行工具接收针对所述第二一级选项的第三选择操作，确定所述预设框架需要进行样式自定义。该操作更加具有针对性，贴合实际需求，具有高灵活度和可操作性。

本申请实施例对第二一级选项的第三选择操作不作限定，其例如可以是同意、不同意、Yes、No、允许、拒绝、Positive、Negative等。

本申请实施例中使用交互设备传入用户的输入指令，本申请实施例对交互设备不作限定，其例如可以是手机、平板电脑、笔记本电脑、台式计算机、智能穿戴设备或者是具有鼠标、触控板、触控笔的智能终端设备，或者，交互设备可以是工作站或者控制台。

在一些可选的实施方式中，所述多个二级选项可以包括用于指示是否需要处理路由表文件的第二二级选项；

所述方法还可以包括：

利用所述命令行工具接收针对所述第二二级选项的第四选择操作，响应于所述第四选择操作，对所述路由表文件进行删除或保留。

由此，所述第二二级选项的第三选择操作可以是同意、不同意、Yes、No、允许、拒绝、Positive、Negative等，以判断是否需要处理路由表文件。路由表文件(routing table)或称路由择域信息库(RIB,Routing Information Base)，是一个存储在路由器或者联网计算机中的电子表格(文件)或类数据库。路由表存储着指向特定网络地址的路径。路由表中含有网络周边的拓扑信息。路由表建立的主要目标是为了实现路由协议和静态路由选择。用户利用交互设备对选项进行针对第二一级选项的第三选择操作。当用户选择保留所述路由表文件时，获取用户的路由表文件选择信息；所述用户的路由表文件选择信息，用于指示用户是否同意执行所述处理路由表文件的操作。当用户路由表选择信息指示同意执行所述路由表的操作时，执行保留所述路由表文件中相关文件和非必要文件的操作，并结束所述项目初始化功能；或者，当用户路由表选择信息指示不同意执行所述路由表的操作时，执行删除所述路由表文件中相关文件和非必要文件的操作，并结束所述项目初始化功能。

还可以选择纯净版项目，当用户选择纯净版项目时，获取用户的纯净版项目选择信息。当用户纯净版项目选择信息指示同意获取所述纯净版项目时，执行删除所述路由表文件中相关文件和非必要文件的操作，并结束所述项目初始化功能；或者，当用户纯净版项目选择信息指示不同意获取所述纯净版项目时，结束所述项目初始化功能。该操作更加具有针对性，并且具有多样性，贴合实际需求，具有高灵活度和可操作性。

本申请实施例对第二二级选项不作限定，其例如可以是同意、不同意、Yes、No、允许、拒绝、Positive、Negative等。

本申请实施例对路由表文件的数量不作限定，其例如可以是1个、2个、3个、5个、7个、20个、50个等。

在一些可选的实施方式中，所述多个二级选项可以包括用于指示是否需要处理存储文件的第三二级选项；

所述方法还可以包括：

利用所述命令行工具接收针对所述第三二级选项的第五选择操作，响应于所述第五选择操作，对所述存储文件进行删除或保留。

由此，所述第三二级选项可以是同意、不同意、Yes、No、允许、拒绝、Positive、Negative、删除、保留等，以判断删除还是保留存储文件。当用户选择保留所述存储文件时，获取用户的存储文件选择信息。当用户存储文件选择信息指示同意执行所述路由表的操作时，结束所述项目初始化功能；或者，当用户存储文件选择信息指示不同意执行所述路由表的操作时，执行删除所述存储文件中相关文件和非必要文件的操作，并结束所述项目初始化功能。该操作更加具有针对性，并且具有多样性，贴合实际需求，具有高灵活度和可操作性。

本申请实施例对第三二级选项不作限定，其例如可以是同意、不同意、Yes、No、允许、拒绝、Positive、Negative等。

本申请实施例对存储文件不作限定，其例如可以是代码存储文件、路径存储文件、数据存储文件、图片存储文件等。

本申请实施例对存储文件的数量不作限定，其例如可以是1个、2个、3个、5个、7个、20个、50个等。

参见图3，图3示出了本申请实施例提供的一种获取用户自定义的样式信息的流程示意图。

在一些可选的实施方式中，所述步骤S102中获取用户自定义的样式信息的步骤，可以包括：

步骤S301：利用浏览器显示预设的样式文件；

步骤S302：利用所述浏览器接收针对所述样式文件的修改操作，响应于所述修改操作，对所述样式文件进行修改，以得到所述样式自定义的样式信息。

由此，利用超文本传输协议模块(HTTP)的方法，启动所述后台服务器，并对所述浏览器窗口进行访问，修改所述样式文件。HTTP协议由请求和响应两部分构成，请求是由移动端服务器传输数据，相应是由服务器往移动端传输数据。其方法可以是Get、Post、Put、Head、Delete、Options、Trace、Connect等。首先通过require()方法引入HTTP模块，其次使用createServer()方法创建HTTP浏览器，该服务器侦听服务器端口并将响应返回给客户端，当接收客户端请求时，可以提供参数req和res，表示请求和响应信息，通过输入参数来启动后台服务器。

修改样式文件的方法可以是，检查所述包管理文件(npm)是否存在，包括：当所述包管理文件不存在时，结束修改所述样式文件的操作；或者，当所述包管理文件存在时，继续检查所述层叠样式表文件(scss)是否存在。其次，当检查所述层叠样式表文件存在时，结束修改所述样式文件的操作；当检查所述层叠样式表文件不存在时，执行询问用户是否自动创建检查层叠样式表文件的操作。最后，当用户需要自动创建所述检查层叠样式表文件时，生成修改样式文件；当用户不需要自动创建所述检查层叠样式表文件时，结束样式自定义功能。该操作可以便捷地完成样式文件的修改以满足用户的需求。

本申请实施例对HTTP操作方法不作限定，其例如可以是Get、Post、Put、Head、Delete、Options、Trace、Connect等方法。

本申请实施例对包管理文件的数量不作限定，其例如可以是1个、2个、3个、5个、7个、20个、50个等。

本申请实施例对层叠样式表文件的数量不作限定，其例如可以是1个、2个、3个、5个、7个、20个、50个等。

本申请实施例对包管理文件不作限定，其例如可以根据dpkg、apt、aptitude等包管理工具获取的软件包文件、更新包文件、代码包文件等。

参见图4，图4示出了本申请实施例提供的一种框架搭建装置的结构示意图。

本申请实施例还提供了一种框架搭建装置，其具体实施方式与上述方法的实施方式中记载的实施方式、所达到的技术效果一致，部分内容不再赘述。

所述装置包括：

源代码获取模块101，用于获取用于开发目标应用的预设框架的源代码；

脚本获取模块102，用于获取所述预设框架对应的安装依赖脚本；

脚本执行模块103，用于执行所述预设框架对应的安装依赖脚本，以搭建得到目标框架；

其中，获取所述预设框架对应的安装依赖脚本的过程包括：

利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义；

当所述预设框架需要进行样式自定义时，获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本；

当所述预设框架不需要进行样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。

在一些可选的实施方式中，所述源代码获取模块101用于：

利用分布式版本控制系统获取所述应用于移动端的预设框架的源代码；或者，

利用浏览器开发工具获取所述应用于移动端的预设框架的源代码。

在一些可选的实施方式中，所述脚本执行模块103用于采用以下方式利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义：

利用所述命令行工具显示多个一级选项，所述多个一级选项包括用于指示初始化项目的第一一级选项；

利用所述命令行工具接收针对所述第一一级选项的第一选择操作，响应于所述第一选择操作，利用所述命令行工具显示多个二级选项，所述多个二级选项包括用于指示样式自定义的第一二级选项；

利用所述命令行工具接收针对所述第一二级选项的第二选择操作，响应于所述第二选择操作，确定所述预设框架需要进行样式自定义。

在一些可选的实施方式中，所述多个一级选项还包括用于指示样式自定义的第二一级选项；

所述脚本执行模块还用于采用以下方式利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义：

利用所述命令行工具接收针对所述第二一级选项的第三选择操作，响应于所述第三选择操作，确定所述预设框架需要进行样式自定义。

在一些可选的实施方式中，所述多个二级选项包括用于指示是否需要处理路由表文件的第二二级选项；

所述装置还包括：

第一文件处理模块，用于利用所述命令行工具接收针对所述第二二级选项的第四选择操作，响应于所述第四选择操作，对所述路由表文件进行删除或保留。

在一些可选的实施方式中，所述多个二级选项包括用于指示是否需要处理存储文件的第三二级选项；

所述装置还包括：

第二文件处理模块，用于利用所述命令行工具接收针对所述第三二级选项的第五选择操作，响应于所述第五选择操作，对所述存储文件进行删除或保留。

在一些可选的实施方式中，所述脚本获取模块102用于采用以下方式获取用户自定义的样式信息：

利用浏览器显示预设的样式文件；

利用所述浏览器接收针对所述样式文件的修改操作，响应于所述修改操作，对所述样式文件进行修改，以得到所述样式自定义的样式信息。

【设备实施方式】

参见图5，图5示出了本申请实施例提供的一种电子设备200的结构框图。

电子设备200包括至少一个存储器210、至少一个处理器220以及连接不同平台系统的总线230。

存储器210可以包括易失性存储器形式的可读介质，例如随机存取存储器(RAM)211和/或高速缓存存储器212，还可以进一步包括只读存储器(ROM)213。

其中，存储器210还存储有计算机程序，计算机程序可以被处理器220执行，使得处理器220实现上述任一项方法的步骤，其具体实现方式与上述方法实施方式中记载的实施方式、所达到的技术效果一致，部分内容不再赘述。

存储器210还可以包括具有至少一个程序模块215的实用工具214，这样的程序模块215包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例的每一个或某种组合中可能包括网络环境的实现。

相应的，处理器220可以执行上述计算机程序，以及可以执行实用工具214。

处理器220可以采用一个或多个应用专用集成电路(ASIC，Application SpecificIntegrated Circuit)、DSP、可编程逻辑器件(PLD，Programmable Logic Device)、复杂可编程逻辑器件(CPLD，Complex Programmable Logic Device)、现场可编程门阵列(FPGA，Field-Programmable Gate Array)或其他电子元件。

总线230可以为表示几类总线结构的一种或多种，包括存储器总线或者存储器控制器、外围总线、图形加速端口、处理器或者使用多种总线结构的任意总线结构的局域总线。

电子设备200也可以与一个或多个外部设备240例如键盘、指向设备、蓝牙设备等通信，还可与一个或者多个能够与该电子设备200交互的设备通信，和/或与使得该电子设备200能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等)通信。这种通信可以通过输入输出接口250进行。并且，电子设备200还可以通过网络适配器260与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。网络适配器260可以通过总线230与电子设备200的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储平台等。

【介质实施方式】

本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项方法的步骤，其具体实施方式与上述方法的实施方式中记载的实施方式、所达到的技术效果一致，部分内容不再赘述。

参见图6，图6示出了本申请实施例提供的一种程序产品的结构示意图。

所述程序产品用于实现上述任一项方法。程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本申请实施例中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等，或者上述的任意合适的组合。可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，程序设计语言包括面向对象的程序设计语言诸如Java、C++等，还包括常规的过程式程序设计语言诸如C语言、Python语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

本申请从使用目的上，效能上，进步及新颖性等观点进行阐述，已符合专利法所强调的功能增进及使用要件，本申请以上的说明书及说明书附图，仅为本申请的较佳实施例而已，并非以此局限本申请，因此，凡一切与本申请构造，装置，特征等近似、雷同的，即凡依本申请专利申请范围所作的等同替换或修饰等，皆应属本申请的专利申请保护的范围之内。

Claims (10)

1.一种框架搭建方法，其特征在于，利用自定义的命令行工具进行框架搭建，所述方法包括：

获取用于开发目标应用的预设框架的源代码；

获取所述预设框架对应的安装依赖脚本；

执行所述预设框架对应的安装依赖脚本，以搭建得到目标框架；

其中，获取所述预设框架对应的安装依赖脚本的过程包括：

利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义；

当所述预设框架需要进行样式自定义时，获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本；

当所述预设框架不需要进行样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。

2.根据权利要求1所述的框架搭建方法，其特征在于，所述获取用于开发目标应用的预设框架的源代码，包括：

利用分布式版本控制系统获取所述应用于移动端的预设框架的源代码；或者，

利用浏览器开发工具获取所述应用于移动端的预设框架的源代码。

3.根据权利要求1所述的框架搭建方法，其特征在于，所述利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义，包括：

利用所述命令行工具显示多个一级选项，所述多个一级选项包括用于指示初始化项目的第一一级选项；

利用所述命令行工具接收针对所述第一一级选项的第一选择操作，响应于所述第一选择操作，利用所述命令行工具显示多个二级选项，所述多个二级选项包括用于指示样式自定义的第一二级选项；

利用所述命令行工具接收针对所述第一二级选项的第二选择操作，响应于所述第二选择操作，确定所述预设框架需要进行样式自定义。

4.根据权利要求3所述的框架搭建方法，其特征在于，所述多个一级选项还包括用于指示样式自定义的第二一级选项；

所述利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义，还包括：

利用所述命令行工具接收针对所述第二一级选项的第三选择操作，响应于所述第三选择操作，确定所述预设框架需要进行样式自定义。

5.根据权利要求3所述的框架搭建方法，其特征在于，所述多个二级选项包括用于指示是否需要处理路由表文件的第二二级选项；

所述方法还包括：

利用所述命令行工具接收针对所述第二二级选项的第四选择操作，响应于所述第四选择操作，对所述路由表文件进行删除或保留。

6.根据权利要求3所述的框架搭建方法，其特征在于，所述多个二级选项包括用于指示是否需要处理存储文件的第三二级选项；

所述方法还包括：

利用所述命令行工具接收针对所述第三二级选项的第五选择操作，响应于所述第五选择操作，对所述存储文件进行删除或保留。

7.根据权利要求1所述的框架搭建方法，其特征在于，所述获取用户自定义的样式信息，包括：

利用浏览器显示预设的样式文件；

利用所述浏览器接收针对所述样式文件的修改操作，响应于所述修改操作，对所述样式文件进行修改，以得到所述样式自定义的样式信息。

8.一种框架搭建装置，其特征在于，所述装置包括：

源代码获取模块，用于获取用于开发目标应用的预设框架的源代码；

脚本获取模块，用于获取所述预设框架对应的安装依赖脚本；

脚本执行模块，用于执行所述预设框架对应的安装依赖脚本，以搭建得到目标框架；

其中，获取所述预设框架对应的安装依赖脚本的过程包括：

利用命令行工具接收用户的输入指令，以判断所述预设框架是否需要进行样式自定义；

当所述预设框架需要进行样式自定义时，获取用户自定义的样式信息，基于所述样式信息对所述预设框架的源代码进行更新，并获取更新后的所述预设框架的源代码对应的安装依赖脚本作为所述预设框架对应的安装依赖脚本；

当所述预设框架不需要进行样式自定义时，获取预设的安装依赖脚本作为所述预设框架对应的安装依赖脚本。

9.一种电子设备，其特征在于，所述电子设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现权利要求1-7任一项所述方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-7任一项所述方法的步骤。

Images