前端代码生成方法、装置、电子设备及非易失性存储介质

本申请公开了一种前端代码生成方法、装置、电子设备及非易失性存储介质。其中，该方法包括：获取页面设计图，将页面设计图切分为多个子区域，并确定子区域之间的位置结构信息，其中，子区域中包含的页面元素的数量小于预设数量阈值，位置结构信息用于表征子区域之间的相对位置关系；采用第一模型，对子区域进行分析，生成与子区域对应的静态代码，其中，第一模型是采用多模态数据对大模型进行训练后得到的，静态代码经过渲染后能够还原子区域的页面布局，每个子区域对应一份静态代码；依据位置结构信息，对静态代码进行拼接，得到页面设计图对应的前端代码文件。本申请解决了相关技术中前端代码开发效率低的技术问题。