前端开发方法、装置及电子设备制造方法及图纸

本发明专利技术实施例提供一种前端开发方法、装置及电子设备，所述前端开发方法包括：运行工具载体启动命令，显示所述工具载体中的各个工程模块对应的选项，每个工程模块对应待开发前端页面的一个功能单元；获取到对所述各个工程模块中的任一目标工程模块的选项的选择操作后，监测该目标工程模块对应页面是否存在对应的更新代码，所述更新代码为本地更新代码或线上更新代码；若存在，使用所述更新代码进行渲染构建目标页面。

【技术实现步骤摘要】
前端开发方法、装置及电子设备
本专利技术涉及计算机
，具体而言，涉及一种前端开发方法、装置及电子设备。
技术介绍
在前端日常开发中，会有很多工程，这些工程都会涉及到代码的打包、运行、构建，以及其他日常开发使用的开发命令，以及一些脚手架，但这些往往散落在各个工程，而且有各自的不同实现。无论对于新人、老人接受新项目都有一定的门槛，对于这些的更新、维护也是一个问题。在并行开发多个工程，也要手动做很多目的一致，但行为各异的重复性的操作。
技术实现思路
有鉴于此，本专利技术实施例的目的在于提供一种前端开发方法、装置及电子设备。第一方面，本专利技术实施例提供的一种前端开发方法，包括：运行工具载体启动命令，显示所述工具载体中的各个工程模块对应的选项，每个工程模块对应待开发前端页面的一个功能单元；获取到对所述各个工程模块中的任一目标工程模块的选项的选择操作后，监测该目标工程模块对应页面是否存在对应的更新代码，所述更新代码为本地更新代码或线上更新代码；若存在，使用所述更新代码进行渲染构建目标页面。本文档来自技高网...

【技术保护点】
1.一种前端开发方法，其特征在于，包括：/n运行工具载体启动命令，显示所述工具载体中的各个工程模块对应的选项，每个工程模块对应待开发前端页面的一个功能单元；/n获取到对所述各个工程模块中的任一目标工程模块的选项的选择操作后，监测该目标工程模块对应页面是否存在对应的更新代码，所述更新代码为本地更新代码或线上更新代码；/n若存在，使用所述更新代码进行渲染构建目标页面。/n

【技术特征摘要】
1.一种前端开发方法，其特征在于，包括：
运行工具载体启动命令，显示所述工具载体中的各个工程模块对应的选项，每个工程模块对应待开发前端页面的一个功能单元；
获取到对所述各个工程模块中的任一目标工程模块的选项的选择操作后，监测该目标工程模块对应页面是否存在对应的更新代码，所述更新代码为本地更新代码或线上更新代码；
若存在，使用所述更新代码进行渲染构建目标页面。


2.如权利要求1所述的前端开发方法，其特征在于，所述使用所述更新代码进行渲染构建目标页面的步骤，包括：
读取页面模板；
将所述更新代码渲染到所述页面模板中构建目标页面。


3.如权利要求2所述的前端开发方法，其特征在于，所述监测该目标工程模块对应页面是否存在对应的更新代码的步骤，包括：
拦截所述目标工程模块对应页面中的静态资源网络之间互连的协议；
将所述静态资源网络之间互连的协议与目标前端的配置文件与本地化更新字段进行匹配，判断是否存在与所述静态资源网络之间互连的协议匹配的字段；
若存在，则查找本地资源中是否存在可使用的本地更新代码。


4.如权利要求3所述的前端开发方法，其特征在于，所述查找本地资源中是否存在可使用的本地更新代码的步骤，包括：
将所述页面模板的静态资源网络之间互连的协议替换为本地的静态资源服务地址，在静态资源代理层服务中，将本地的静态资源服务地址与所述目标前端的配置文件进行匹配，找到所述目标工程模块对应的本地更新代码。


5.如权利要求1或2所述的前端开发方法，其特征在于，所述监测该目标工程模块对应页面是否存在对应的更新代码的步骤，包括：
监测服务器中是否存在所述目标工程模块对应的线上更新代码。


6.如权利要求1所述的前端开发方法，其特征在于，所述使用所述更新代码进行渲染构建目标页面的步骤，包括：
读取所述目标工程模块对应的打包配置；
根据所述打包配置对所述更新代码进行渲染构建目标页面。


7.如权利要求1所述的前端开发方法，其特征在于，所述各个工程模块的名称使用预设的命名规则进行命名。


8.如权利要求1所述的前端开发方法，其特征在于，所述使用所述更新代码进行渲染构建目标页面的步骤之前，所述方法包括：
若监测所述本地更新代码和线上更新代码，按照预设规则选择保留其中一种作为保留更新代码；
使用所述保留更新代码覆盖另一种更新代码。


9.如权利要求8所述的前端开发方法，其特征在于，所述按照预设规则选择保留其中一种作为保留更新代码的步骤，包括：
获取所述本地更新代码的第一时间和所述线上更新代码的第二时间；
对比所述第一时间和第二时间，选择时间距当前时间更近的更新代码作为保留更新代码。


10.如权利要求8所述的前端开发方法，其特征在于，所述按照预设规则选择保留其中一种作为保留更新代码的步骤，包括：
选择所述本地更新代码作为保留更新代码。


11.如权利要求8所述的前端开发方法，其特征在于，所述按照预设规则选择保留其中一种作为保留更新代码的步骤，包括：
获取所述本地更新代码与所述线上更新代码的区别代码；
将所述区别代码进行显示；
接收选择保留其一更新代码作为保留更新代码的选择操作。


12.如权利要求1所述的前端开发方法，其特征在于，所述监测该目标工程模块对应页面是否存在对应的更新代码的步骤之后，所述方法包括：
若存在所述本地更新代码，将所述本地更新代码上传到服务器中。


13.如权利要求12所述的前端开发方法，其特征在于，在所述将所述本地更新代码上传到服务器中的步骤之后，所述方法还包括：
若所述服务器中存在所述本地更新代码对应的工程模块对应的当前线上更新代码，则获取并显示所述本地更新代码与所述当前线上更新代码对应的区别；
接收对所述本地更新代码与所述当前线上更新代码的选择操作；
根据所述选择操作保留所述本地更新代码或所述当前线上更新代码在所述服务器中。


14.如权利要求1所述的前端开发方法，其特征在于，在所述运行工具载体启动命令，显示所述工具载体中的各个工程模块对应的选项的步骤之后，所述方法还包括：
运行工程子命令，以显示多个工程模板；
接收对所述多个工程模板进行选择的选择操作，得到新建工程模板；
提供多个为所述新建工程模板进行配置的配置参考；
接收根据所述配置参考输入的配置参数；
根据所述配置参数为所述新建工程模板进行配置，得到新建工程模块。


15.如权利要求14所述的前端开发方法，其特征在于，所述运行工程子命令，显示多个工程模板的步骤，包括：
运行所述工程子命令后，通过指定接口调用目标仓库组，查询所述目标仓库组下所有的工程模板；
显示查找到的所有的工程模板。


16.如权利要求14所述的前端开发方法，其特征在于，在所述运行工具载体启动命令，显示所述工具载体中的各个工程模块对应的选项的步骤之后，所述方法还包括：
运行准则子命令，以显示多个代码模板；
接收对所述多个代码模板的选择操作；
根据所述选择操作提供一个接收输入的代码的目标代码模板。


17.如权利要求16所述的前端开发方法，其特征在于，在所述接收对所述多个代码模板的选择操作的步骤之后，所述方法还包括：
判断是否有所述选择操作对应的目标代码模板对应的代码配置文件；
若没有，则创建一份与所述目标代码模板对应的代码配置文件。


18.如权利要求1所述的前端开发方法，其特征在于，所述运行工具载体启动命令之后，所述方法还包括：
显示识别码，所述识别码用于供其他终端读取；
检测到终端读取所述识别码后，向所述终端推送所述工具载体的显示界面。


19.如权利要求1所述的前端开发方法，其特征在于，所述运行工具载体启动命令之后，所述方法还包括：
接收输入的用户账号及密...

【专利技术属性】
技术研发人员：陈钦辉，张哲，
申请(专利权)人：北京嘀嘀无限科技发展有限公司，
类型：发明
国别省市：北京;11