一种前端脚手架处理方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术实施例公开了一种前端脚手架处理方法、装置、电子设备及存储介质，包括：获取项目创建命令；根据所述项目创建命令导出预设脚手架的初始配置文件，所述初始配置文件包括预设脚手架工具、预设目录结构以及初始流程设计结构；获取用户调整命令，并根据所述用户调整命令修改所述初始配置文件，以得到目标配置文件；根据所述目标配置文件启动本地服务，并对待打包目标进行编译打包，以得到目标项目文件；在目标服务器发布所述目标项目文件。本发明专利技术通过配置统一的脚手架工具以及初始流程设计结构，可以基于统一的管理方式进行系统开发，且通过预设目录结构的设置，使得本发明专利技术提出的脚手架具备更高的兼容性。出的脚手架具备更高的兼容性。出的脚手架具备更高的兼容性。

【技术实现步骤摘要】
一种前端脚手架处理方法、装置、电子设备及存储介质


[0001]本专利技术涉及前端开发
，尤其涉及一种前端脚手架处理方法、装置、电子设备及存储介质。

技术介绍

[0002]前端脚手架工具是用户前端快速生成代码的一种工具，业界驻留使用的前端脚手架工具主要包括两类，一类为Vue
‑
cli，另一类为Create
‑
React
‑
app。
[0003]以上两款脚手架工具均只支持一种技术框架，团队内部无法通过统一的管理方式，同时实现在H5端和PC端的系统兼容性。且两款脚手架工具的代码的编码风格、目录结构、代码检查等规范迥然不同，无法满足用户多样的发布流程。
[0004]因此，亟需一种能够使用统一编码风格，同时支持vue和react技术栈的脚手架处理方案。

技术实现思路

[0005]为了解决上述技术问题，本申请实施例提供了可应用于金融科技领域的一种前端脚手架处理方法、装置、电子设备及计算机可读存储介质，具体方案如下：
[0006]第一方面，本申请实施例提供了一本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端脚手架处理方法，其特征在于，包括：获取项目创建命令；根据所述项目创建命令导出预设脚手架的初始配置文件，所述初始配置文件包括预设脚手架工具、预设目录结构以及初始流程设计结构，所述预设目录结构包括templates目录，所述templates目录用于存储包括react和vue两种框架的模板；获取用户调整命令，并根据所述用户调整命令修改所述初始配置文件，以得到目标配置文件；根据所述目标配置文件启动本地服务，并对待打包目标进行编译打包，以得到目标项目文件；在目标服务器发布所述目标项目文件。2.根据权利要求1所述的前端脚手架处理方法，其特征在于，创建所述预设脚手架的步骤包括：获取预设脚手架工具，所述预设脚手架工具包括commander命令行工具、inquirer命令行交互界面、chalk和ora输出控制工具；根据所述预设脚手架工具创建预设目录结构，所述预设目录结构包括bin目录、manual目录、node_modules目录、templates目录、src目录、eslintrc.js目录、package.json目录以及tsconfig.json目录；根据所述预设目录结构获取初始流程设计结构，所述初始流程设计结构包括项目创建模块、模块打包模块、代码校验模块、服务启动模块、模板生成模块以及文档查看模块；根据所述脚手架工具、预设目录结构和所述初始流程设计结构生成所述初始配置文件，并在预设包管理平台中发布所述初始配置文件。3.根据权利要求2所述的前端脚手架处理方法，其特征在于，所述获取项目创建命令的步骤之前，所述方法还包括：从所述预设包管理平台中获取所述初始配置文件；在全局目录中安装所述初始配置文件。4.根据权利要求2所述的前端脚手架处理方法，其特征在于，所述bin目录用于存储所述初始配置文件；所述manual目录用于存储用户文档；所述node_modules目录用于存储依赖包；所述templates目录用于存储模板，所述模板包括reac和vue两种框架；所述src目录用于存储脚手架逻辑代码；所述eslintrc.js目录用于存储eslint规则配置文件；所述package.json目录用于存储npm配置文件；所述tsconfig.json目录用于存储typescript配置文件。5.根据权利要求2所述的前端脚手架处理方法，其特征在于，所述项目创建模块用于在根据所述项目创建命令新建项目文件；所述模块打包模块用于根据所述目录结构扫描待打包目标，并基于webpack工具对所述待打包目标进行打包；所述代码校验模块用于扫描待检查代码，并基于eslint规则对所述待检...

【专利技术属性】
技术研发人员：李云，覃展群，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：