[发明专利]前端开发方法、装置、设备及存储介质

说明书

本申请适用于前端开发及人工智能技术领域，提供前端开发方法，包括：当接收到初始化命令时，显示所述初始化命令对应的工程模板列表，以供开发人员进行选择；若检测到基于所述工程模板列表触发的选择指令，则确定所述选择指令对应的目标工程模板；拉取所述目标工程模板对应的配置清单，并按照所述配置清单，构建工程目录，以生成模板工程；接收基于所述模板工程输入的代码，并在检测到代码提交指令时，执行代码检查钩子，以确定所述代码是否规范；若所述代码规范且接收到打包命令，则调用代码打包工具对所述代码进行打包，并将打包后的所述代码放到工程目录中。极大地节约开发者的时间和精力，从而提高工作效率，提升工作质量。

技术领域

本申请属于人工智能技术领域，尤其涉及一种前端开发方法、装置、设备及存储介质。

背景技术

随着时代发展，前端技术飞速迭代和进化，目前的前端开发早已不像以前单纯靠jQuery+Bootstrap实现一切，而是随着应用场景的不同，演变出了多元化的开发框架和工具，于是前端工作流程也变得日益复杂。

然而不管怎么变，前端开发人员接手一个项目开始开发工作时，都需要考虑选择合适的技术框架、组件库、样式库、JS工具库、构建工具等，然后再用这些工具搭建起来开发环境，做完这些工作之后才可以开始具体业务需求的开发，之后还需要手动部署。可见，每位开发者在新建项目时都会重复一部分相同的工作流程，使得开发人员在此类重复工作上需要耗费较多的时间。

发明内容

鉴于以上内容，本发明提供一种前端开发方法、装置、设备及存储介质，其目的在于解决现有技术中在新建项目时都会重复一部分相同的工作流程，使得开发人员在此类重复工作上需要耗费较多的时间的技术问题。

为实现上述目的，本发明提供一种前端开发方法，该方法包括：

当接收到初始化命令时，显示所述初始化命令对应的工程模板列表，以供开发人员进行选择；

若检测到基于所述工程模板列表触发的选择指令，则确定所述选择指令对应的目标工程模板；

拉取所述目标工程模板对应的配置清单，并按照所述配置清单，构建工程目录，以生成模板工程；

接收基于所述模板工程输入的代码，并在检测到代码提交指令时，执行代码检查钩子，以确定所述代码是否规范；

若所述代码规范且接收到打包命令，则调用代码打包工具对所述代码进行打包，并将打包后的所述代码放到工程目录中。

优选的，所述接收基于所述模板工程输入的代码，并在检测到代码提交指令时，执行代码检查钩子，以确定所述代码是否规范，包括：

若所述代码不规范，则显示错误代码的提示信息，以提示开发人员重新修改提交。

优选的，所述若所述代码规范且接收到打包命令，则调用代码打包工具对所述代码进行打包，包括：

确定对应浏览器的识别类型，将所述代码转换成所述识别类型对应的目标代码；

确定所述目标代码中的目标变量名，并将所述目标变量名替换成预设字符串；

对替换后的目标代码进行压缩打包。

优选的，所述将打包后的所述代码放到工程目录中，包括：

确定所述代码的功能属性，并基于所述功能属性，确定打包后的所述代码在工程目录中的路径；

将打包后的所述代码放到所述路径中。

优选的，所述前端开发方法，还包括：

若接收到部署命令，则调用代码部署工具，将打包好的代码按照预设的发布流程部署到指定服务器中，并反馈部署后的项目地址。