前端工程项目构建方法和工具、计算机可读存储介质

摘要

本公开涉及一种前端工程项目构建方法和工具、计算机可读存储介质。该前端工程项目构建方法包括：将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件；响应于用户输入的请求，对项目工程进行相应操作。本公开通过将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令可对模块进行必要的增、删、改功能。

权利要求

1.一种前端工程项目构建方法，其特征在于，包括：将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；

将存储在内部服务器上的项目工程初始化到本地电脑目录，其中，所述项目工程包括至少一个模板文件；

响应于用户输入的请求，对项目工程进行相应操作；

其中，所述响应于用户输入的请求，对项目工程进行相应操作包括：响应于用户输入的模板更新请求，自动更新替换待更新模板在本地电脑对应的资源，其中，模板更新请求包括待更新模板名称；

其中，所述自动更新替换待更新模板在本地电脑对应的资源包括：根据待更新模板名称扫描本地电脑项目目录；

在本地电脑不存在待更新模板名称的情况下，结束对待更新模板在本地电脑对应资源的自动更新替换；

在本地电脑存在待更新模板名称的情况下，删除本地电脑待更新模板名称对应的组件模块；

将内部仓库待更新模板名称的组件模块更新至本地电脑；

继续扫描本地电脑项目目录的其他业务文件；

判断是否存在引用该组件模块的现有文件；

在存在引用该组件模块的现有文件的情况下，自动更新引用相关的目录路径和名称的内容；

其中，所述响应于用户输入的请求，对项目工程进行相应操作包括：响应于用户输入的模板添加请求，将待添加模板对应的资源加载至本地电脑目录，其中，模板添加请求包括待添加模板名称。

2.根据权利要求1所述的前端工程项目构建方法，其特征在于，用户输入的请求包括用户输入的开发请求、联调请求、测试请求、上线请求中的至少一项。

3.根据权利要求1所述的前端工程项目构建方法，其特征在于，所述响应于用户输入的请求，对项目工程进行相应操作包括：响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板名称。

4.根据权利要求1-3中任一项所述的前端工程项目构建方法，其特征在于，所述响应于用户输入的请求，对项目工程进行相应操作包括：响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测；

和/或，

响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试服务器；

和/或，

响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检查和混淆压缩中的至少一项。

5.根据权利要求4所述的前端工程项目构建方法，其特征在于，所述自动将编译完成的代码上传至指定测试服务器进行测试包括：在测试服务器上针对该项目工程进行对应的测试环境配置；

根据本地电脑各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试代码；

将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员根据域名访问进行测试。

6.一种前端工程项目构建工具，其特征在于，包括：初始化模块，用于将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地电脑目录，其中，所述项目工程包括至少一个模板文件；

项目构建模块，用于响应于用户输入的请求，对项目工程进行相应操作；

其中，项目构建模块，用于响应于用户输入的模板更新请求，自动更新替换待更新模板在本地电脑对应的资源，其中，模板更新请求包括待更新模板名称；

项目构建模块在自动更新替换待更新模板在本地电脑对应的资源的情况下，用于根据待更新模板名称扫描本地电脑项目目录；在本地电脑不存在待更新模板名称的情况下，结束对待更新模板在本地电脑对应资源的自动更新替换；在本地电脑存在待更新模板名称的情况下，删除本地电脑待更新模板名称对应的组件模块；将内部仓库待更新模板名称的组件模块更新至本地电脑；

所述前端工程项目构建工具用于执行实现如权利要求1-5中任一项所述的前端工程项目构建方法的操作。

7.一种前端工程项目构建工具，其特征在于，包括：存储器，用于存储指令；

处理器，用于执行所述指令，使得所述前端工程项目构建工具执行实现如权利要求1-5中任一项所述的前端工程项目构建方法的操作。

8.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如权利要求1-5中任一项所述的前端工程项目构建方法。

说明书

前端工程项目构建方法和工具、计算机可读存储介质

技术领域

[0001] 本公开涉及项目构建领域，特别涉及一种前端工程项目构建方法和工具、计算机可读存储介质。

背景技术

[0002] 脚手架工具的核心功能是根据开发人员的命令快速生成一个完整的项目(解析命令，拷贝项目到本地)，开发人员无需关心配置(构建，编译，代码规范检查等)，只需关心业
务代码的实现即可。

发明内容

[0003] 发明人通过研究发现：相关技术的脚手架工具包含相对固定的目录模板结构及环境配置，在项目的开发、测试、上线阶段无法实现定制化的需求。

[0004] 鉴于以上技术问题中的至少一项，本公开提供了一种前端工程项目构建方法和工具、计算机可读存储介质，可以在在项目的开发、测试、上线阶段实现定制化需求。

[0005] 根据本公开的一个方面，提供一种前端工程项目构建方法，包括：

[0006] 将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；

[0007] 将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件；

[0008] 响应于用户输入的请求，对项目工程进行相应操作。

[0009] 在本公开的一些实施例中，用户输入的请求包括用户输入的开发请求、联调请求、测试请求、上线请求中的至少一项。

[0010] 在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：

[0011] 响应于用户输入的模板添加请求，将待添加模板对应的资源加载至本地目录，其中，模板添加请求包括待添加模板名称。

[0012] 在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：

[0013] 响应于用户输入的模板更新请求，自动更新替换待更新模板在本地对应的资源，其中，模板更新请求包括待更新模板名称。

[0014] 在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：

[0015] 响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板名称。

[0016] 在本公开的一些实施例中，所述自动更新替换待更新模板在本地对应的资源包括：

[0017] 根据待更新模板名称扫描本地项目目录；

[0018] 在本地存在待更新模板名称的情况下，删除本地待更新模板名称对应的组件模块；

[0019] 将内部仓库待更新模板名称的组件模块更新至本地。

[0020] 在本公开的一些实施例中，所述自动更新替换待更新模板在本地对应的资源包括：

[0021] 继续扫描本地项目目录的其他业务文件；

[0022] 判断是否存在引用该组件模块的现有文件；

[0023] 在存在引用该组件模块的现有文件的情况下，自动更新引用相关的目录路径和名称的内容。

[0024] 在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：

[0025] 响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测。

[0026] 在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：

[0027] 响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试服务器。

[0028] 在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：

[0029] 响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检查和混淆压缩中的至少一项。

[0030] 在本公开的一些实施例中，所述自动将编译完成的代码上传至指定测试服务器进行测试包括：

[0031] 在测试服务器上针对该项目工程进行对应的测试环境配置；

[0032] 根据本地各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试代码；

[0033] 将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员根据域名访问进行测试。

[0034] 根据本公开的另一方面，提供一种前端工程项目构建工具，包括：

[0035] 初始化模块，用于将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括
至少一个模板文件；

[0036] 项目构建模块，用于响应于用户输入的请求，对项目工程进行相应操作。

[0037] 在本公开的一些实施例中，所述前端工程项目构建工具用于执行实现如上述任一实施例所述的前端工程项目构建方法的操作。

[0038] 根据本公开的另一方面，提供一种前端工程项目构建工具，包括：

[0039] 存储器，用于存储指令；

[0040] 处理器，用于执行所述指令，使得所述前端工程项目构建工具执行实现如上述任一实施例所述的前端工程项目构建方法的操作。

[0041] 根据本公开的另一方面，提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述任一实施例所述的前端工
程项目构建方法。

[0042] 本公开通过将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令可对模块进行必要的增、删、改功能。

附图说明

[0043] 为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本
公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以
根据这些附图获得其他的附图。

[0044] 图1为本公开前端工程项目构建方法一些实施例的示意图。

[0045] 图2为本公开前端工程项目构建方法另一些实施例的示意图。

[0046] 图3为本公开前端工程项目构建方法又一些实施例的示意图。

[0047] 图4为本公开一些实施例中组件模块更新的示意图。

[0048] 图5为本公开一些实施例中组件模块更新的示意图。

[0049] 图6为本公开前端工程项目构建工具一些实施例的示意图。

[0050] 图7为本公开前端工程项目构建工具另一些实施例的示意图。

具体实施方式

[0051] 下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。以下
对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使
用的任何限制。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提
下所获得的所有其他实施例，都属于本公开保护的范围。

[0052] 除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。

[0053] 同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。

[0054] 对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为授权说明书的一部分。

[0055] 在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。

[0056] 应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

[0057] 图1为本公开前端工程项目构建方法一些实施例的示意图。优选的，本实施例可由本公开前端工程项目构建工具执行。该方法包括以下步骤：

[0058] 步骤11，将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；

[0059] 在本公开的一些实施例中，内部服务器可以为内部数据库或内部仓库。

[0060] 步骤12，将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件。

[0061] 步骤13，响应于用户输入的请求，对项目工程进行相应操作。

[0062] 在本公开的一些实施例中，用户输入的请求可以包括用户输入的开发请求、联调请求、测试请求、上线请求等请求中的至少一项。

[0063] 图2为本公开前端工程项目构建方法另一些实施例的示意图。优选的，本实施例可由本公开前端工程项目构建工具执行。图2实施例的步骤21-步骤23分别与图1实施例的步
骤11-步骤13相同或类似。该方法包括以下步骤：

[0064] 步骤21，将HTML、IMG、CSS、JS等文件按预定规范初始化成项目工程，存储在内部服务器上。其中，HTML为超文本标记语言(Hyper Text Markup Language)，标准通用标记语言
下的一个应用。HTML不是一种编程语言，而是一种标记语言(markup language)，“超文本”
就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。IMG为有视觉效果的图片
文件。CSS为层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML(标准通用
标记语言的一个子集)等文件样式的计算机语言。JS的全称为javascript，一种属于网络的
脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户
提供更流畅美观的浏览效果。

[0065] 步骤22，新项目开始时，响应于用户在本地电脑上针对内部服务器的请求，将存储在内部服务器上的项目工程以二进制数据的传输方式初始化到本地目录，其中，二进制是
计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为
2，进位规则是“逢二进一”，借位规则是“借一当二”，在通信系统中，经常使用二进制格式对
信息进行编码。

[0066] 步骤23，初始化项目完成之后，响应于用户输入的开发请求、联调请求、测试请求、上线请求等请求，自动对现有项目进行开发、联调、测试、上线等一系列操作流程。

[0067] 图3为本公开前端工程项目构建方法又一些实施例的示意图。优选的，本实施例可由本公开前端工程项目构建工具执行。该方法包括以下步骤：

[0068] 步骤31，将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个
模板文件。

[0069] 在本公开的一些实施例中，步骤31可以包括：响应于用户输入的初始化指令(例如jfe init命令)，根据命令提示依次输入项目的相关信息；根据信息输入之后的确认消息，
项目的相关模板文件及配置将从内部仓库初始化至本地指定目录。

[0070] 在本公开的一些实施例中，如图3所示，内部仓库可以包括HTML、CSS、JS等文件、组件和编译配置。

[0071] 步骤32，响应于用户输入的开发请求，自动对现有项目进行开发。

[0072] 在本公开的一些实施例中，步骤32可以包括：

[0073] 步骤320，响应于用户输入的安装命令(例如npm install命令)，安装本地启动项目需要的模块；安装完成之后，再响应于用户输入的项目启动命令(jfe dev命)，开始启动
本地项目，即进入业务逻辑编码阶段，其中，npm的全称为Node Package Manager，是一个基
于node.js的包管理器，也是整个node.js社区最流行、支持的第三方模块最多的包管理器；
jfe为jd frontend的缩写，本公开上述实施例工具的命名名称。

[0074] 步骤321，响应于用户输入的模板添加请求(例如jfe add请求)，将待添加模板对应的资源加载至本地目录，其中，模板添加请求包括待添加模板名称。

[0075] 在本公开的一些实施例中，待添加模板(模块)可以为自定义模板(模块)。

[0076] 在本公开的一些实施例中，步骤321可以包括：根据用户输入的jfe add+待添加模板名称，可加载该自定义模板对应的资源至本地目录。

[0077] 步骤322，响应于用户输入的模板更新请求，自动更新替换待更新模板在本地对应的资源，其中，模板更新请求包括待更新模板名称。

[0078] 在本公开的一些实施例中，步骤322可以包括：根据用户输入的jfe update+待更新模板名称，可自动更新替换该待更新模板在本地对应的资源。

[0079] 步骤323，响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板名称。

[0080] 在本公开的一些实施例中，步骤323可以包括：根据用户输入的jfe del+待删除模板名称，可自动删除引用该待删除模板的文件引用部分内容，无需手动操作。

[0081] 步骤33，响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测。

[0082] 在本公开的一些实施例中，所述联调请求可以为jfe debug请求。

[0083] 步骤34，响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试服务器。

[0084] 在本公开的一些实施例中，步骤34可以包括：根据用户输入的jfe test+测试服务器名称，自动将编译完成的代码上传至指定的测试服务器。

[0085] 步骤35，响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检查和混淆压缩中的至少一项。

[0086] 在本公开的一些实施例中，步骤35可以包括：根据用户输入的jfe release的请求，启动代码编译、规范检查、错误检查、混淆压缩等服务，生成压缩包，通过诸如内部jci/
sure系统上线。

[0087] 基于本公开上述实施例提供的前端工程项目构建方法，将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命
令可对模块进行必要的增、删、改功能，并自动更新该模板的引用文件，从而减少了人为干
预，提高了开发效率。

[0088] 本公开上述实施例可以根据预设的命令加载初始化自定义的组件模块，在测试阶段自动打包多套测试环境配置，编码完成之后无缝对接JDD-JCI/SURE系统进行项目发布。

[0089] 图4为本公开一些实施例中组件模块更新的示意图。如图4所示。该组件模块更新方法(例如图3实施例的步骤322)可以包括以下步骤：

[0090] 步骤41，接收用户输入的jfe update+待更新模板名称。

[0091] 步骤42，根据待更新模板名称扫描本地项目目录。

[0092] 在本公开的一些实施例中，步骤42可以包括：nodejs根据组件模块名称开始扫描本地项目目录(即，扫描本地目录文件)，其中，nodejs：一种基于Chrome V8引擎的
JavaScript运行环境。

[0093] 步骤43，判断本地是否存在待更新模板名称的组件模块。在本地存在待更新模板名称的情况下，执行步骤44；否则，在本地不存在待更新模板名称的情况下，结束。

[0094] 步骤44，在本地存在待更新模板名称的情况下，删除本地待更新模板名称对应的组件模块；将内部仓库待更新模板名称的组件模块更新至本地。

[0095] 步骤45，继续扫描本地项目目录的其他业务文件；判断每一个业务文件是否引用该组件模块。在文件A引用该组件模块的情况下，执行步骤46；否则，在文件B未引用该组件
模块的情况下，结束。

[0096] 步骤46，自动更新引用相关的目录路径和名称的内容。

[0097] 本公开上述实施例将传统的脚本架与团队内部项目需求相结合，通过node扫描检查业务代码文件中引用的自定义组件模块依赖，当自定义组件模块发生增、删、改时，其相
关的业务文件立即发生自动更新，不需要人为干预，从而减少了漏改风险，提高了开发生产
效率。

[0098] 图5为本公开一些实施例中组件模块更新的示意图。如图5所示。该组件模块更新方法(例如图3实施例的步骤34)可以包括以下步骤：

[0099] 步骤51，在测试服务器上针对该项目工程进行对应的测试环境配置，如部署目录、nginx服务等。

[0100] 步骤52，根据本地各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试代码。

[0101] 在本公开的一些实施例中，步骤52可以包括：打开命令行工具，根据用户输入的jfe test命令，通过nodejs根据本地各个测试环境配置，对代码进行逐一编译打包，生成相
对应的测试代码。

[0102] 例如：用户只输入jfe test1，则生成测试环境1的测试代码。

[0103] 步骤53，将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员根据域名访问进行测试。

[0104] 在本公开的一些实施例中，步骤53可以包括：通过nodejs将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后，指示测试人员即可根据域名访问进行测试。

[0105] 本公开上述实施例由于前端代码与测试环境是一对多的关系，不同的测试环境对应不同的测试分支，相应的后端接口路径和测试场景也不尽相同，这时通过jfe test(n)或
者jfe test命令，生成一个或多个测试环境代码自动部署至对应的测试服务器上。

[0106] 图6为本公开前端工程项目构建工具一些实施例的示意图。如图6所示，本公开前端工程项目构建工具可以包括初始化模块61和项目构建模块62，其中：

[0107] 初始化模块61，用于将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包
括至少一个模板文件。

[0108] 项目构建模块62，用于响应于用户输入的请求，对项目工程进行相应操作。

[0109] 在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的模板添加请求，将待添加模板对应的资源加载至本地目录，其中，模板添加请求包括待添加模板名
称。

[0110] 在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的模板更新请求，自动更新替换待更新模板在本地对应的资源，其中，模板更新请求包括待更新模板名
称。

[0111] 在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板
名称。

[0112] 在本公开的一些实施例中，项目构建模块62在自动更新替换待更新模板在本地对应的资源的情况下，用于根据待更新模板名称扫描本地项目目录；在本地存在待更新模板
名称的情况下，删除本地待更新模板名称对应的组件模块；将内部仓库待更新模板名称的
组件模块更新至本地；继续扫描本地项目目录的其他业务文件；判断是否存在引用该组件
模块的现有文件；在存在引用该组件模块的现有文件的情况下，自动更新引用相关的目录
路径和名称的内容。

[0113] 在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测。

[0114] 在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试
服务器。

[0115] 在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检
查和混淆压缩中的至少一项。

[0116] 在本公开的一些实施例中，项目构建模块62在自动将编译完成的代码上传至指定测试服务器进行测试的情况下，用于在测试服务器上针对该项目工程进行对应的测试环境
配置；根据本地各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试
代码；将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员
根据域名访问进行测试。

[0117] 在本公开的一些实施例中，所述前端工程项目构建工具用于执行实现如上述任一实施例(例如图1-图5任一实施例)所述的前端工程项目构建方法的操作。

[0118] 图7为本公开前端工程项目构建工具另一些实施例的示意图。如图7所示，本公开前端工程项目构建工具可以包括存储器71和处理器72，其中：

[0119] 存储器71，用于存储指令。

[0120] 处理器72，用于执行所述指令，使得所述前端工程项目构建工具执行实现如上述任一实施例(例如图1-图5任一实施例)所述的前端工程项目构建方法的操作。

[0121] 基于本公开上述实施例提供的前端工程项目构建工具，将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命
令可对模块进行必要的增、删、改功能，并自动更新该模板的引用文件，从而减少了人为干
预，提高了开发效率。

[0122] 本公开上述实施例可以根据预设的命令加载初始化自定义的组件模块，在测试阶段自动打包多套测试环境配置，编码完成之后无缝对接JDD-JCI/SURE系统进行项目发布。

[0123] 根据本公开的另一方面，提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述任一实施例(例如图1-图5
任一实施例)所述的前端工程项目构建方法。

[0124] 基于本公开上述实施例提供的计算机可读存储介质，将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令
可对模块进行必要的增、删、改功能，并自动更新该模板的引用文件，从而减少了人为干预，
提高了开发效率。

[0125] 本公开上述实施例可以根据预设的命令加载初始化自定义的组件模块，在测试阶段自动打包多套测试环境配置，编码完成之后无缝对接JDD-JCI/SURE系统进行项目发布。

[0126] 在上面所描述的前端工程项目构建工具可以实现为用于执行本申请所描述功能的通用处理器、可编程逻辑控制器(PLC)、数字信号处理器(DSP)、专用集成电路(ASIC)、现
场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件
组件或者其任意适当组合。

[0127] 至此，已经详细描述了本公开。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术
方案。

[0128] 本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指示相关的硬件完成，所述的程序可以存储于一种计算机可读
存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

[0129] 本公开的描述是为了示例和描述起见而给出的，而并不是无遗漏的或者将本公开限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描
述实施例是为了更好说明本公开的原理和实际应用，并且使本领域的普通技术人员能够理
解本公开从而设计适于特定用途的带有各种修改的各种实施例。