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

说明书

本公开提供了一种前端开发方法，可以应用于金融领域。该前端开发方法包括：展示第一用户交互界面，第一用户交互界面包括与前端开发任务的全流程所包含的M个阶段一一对应的的M个控件，其中，前端开发任务的全流程包括从前端开发任务的项目创建到将前端开发任务中开发的业务代码部署到服务器的整个流程，其中，M为大于1的整数；响应于对M个控件中每个控件的选择操作，展示所选择的控件对应的当前阶段的第二用户交互界面；基于在当前阶段的第二用户交互界面中的用户交互操作，进行当前阶段的任务开发；以及在M个阶段的任务均开发完成后，向用户反馈前端开发任务开发完成的信息。本公开还提供了一种前端开发装置、设备、介质及程序产品。

技术领域

本公开涉及互联网技术领域，可用于金融领域，更具体地涉及一种前端开发方法、装置、设备、介质和程序产品。

背景技术

随着前后端分离研发模式及前端工程化的不断演进，脚手架工具、打包工具、低代码平台及持续部署平台等在前端领域也得到了飞速发展，可以依托各种工具和平台，进行前端开发。

然而，现有技术中开发人员想要实现从研发到上线完整闭环，往往需要部不断切换工。例如，开发人员需要使用脚手架工具初始化项目，然后在项目初始化完毕后又切换到npm工具安装项目所需依赖。依赖安装完毕后，再切换到IDE工具打开项目进行代码研发。代码研发完毕，又需要切换到打包工具对代码进行转义、压缩及混淆等操作，打包完毕后就生成了最终我们需要部署到生成环境的代码。此后，把打包后的代码存放到服务器指定目录下，然后再打开部署工具对代码进行部署。由此可见，前端开发的整个过程自动化程度很低，开发人员需要频繁切换各种工具，效率极低。

发明内容

鉴于上述问题，本公开实施例提供了一种可以自动化实现前端开发全流程管理的前端开发方法、装置、设备、介质和程序产品。

本公开实施例的第一方面，提供了一种前端开发方法。所述方法包括：展示第一用户交互界面，所述第一用户交互界面包括与前端开发任务的全流程所包含的M个阶段一一对应的的M个控件，其中，所述前端开发任务的全流程包括从所述前端开发任务的项目创建到将所述前端开发任务中开发的业务代码部署到服务器的整个流程，其中，M为大于1的整数；响应于对所述M个控件中每个控件的选择操作，展示所选择的控件对应的当前阶段的第二用户交互界面，所述当前阶段的第二用户交互界面用于引导用户进行所述当前阶段的任务开发；基于在所述当前阶段的第二用户交互界面中的用户交互操作，进行所述当前阶段的任务开发；以及在所述M个阶段的任务均开发完成后，向用户反馈所述前端开发任务开发完成的信息。

根据本公开的实施例，所述M个阶段包括项目创建阶段、依赖安装阶段、代码生成阶段或者持续部署阶段中的至少之一。

根据本公开的实施例，所述方法为利用Electron技术实现的。则，所述基于在所述当前阶段的第二用户交互界面中的用户交互操作，进行所述当前阶段的任务开发包括：调用第三方工具来进行所述当前阶段的任务开发；其中，当所述当前阶段为所述项目创建阶段时，所述第三方工具包括本地安装的脚手架工具；当所述当前阶段为所述依赖安装阶段时，所述第三方工具包括包管理器npm工具；或者当所述当前阶段为所述持续部署阶段时，所述第三方工具包括持续部署平台。

根据本公开的实施例，所述项目创建阶段的第二用户交互界面包括目录选择区域、以及项目初始化方式选择控件；其中，基于在所述项目创建阶段的第二用户交互界面中的用户交互操作，进行所述项目创建阶段的任务开发包括：响应于用户在所述目录选择区域中的操作，调用本地文件系统来选择用于开发所述前端开发任务的项目的根目录；以及响应于用户从所述项目初始化方式选择控件中选择项目初始化方式的操作，按照用户所选择的项目初始化方式在所述根目录下创建用于开发所述前端开发任务的新项目。