微信小程序转uniapp的迁移步骤及遇到的问题

 

目录

前言

一、迁移步骤

第一步：安装miniprogram-to-uniapp 插件

第二步：查看是否安装成功

第三步：使用插件进行转换

第四步：使用hbuilder X运行转换后的项目并在微信小程序编辑器查看

第五步：调试修改

二、处理迁移问题

js部分

templete

css部分

三、扩展

总结

---

前言

        背景：由于历史原因，公司有个历史项目使用vue开发的公众号H5，原生开发的微信小程序。两端功能的完全一样，但是需要维护两个项目，最近客户提了需求需要修改部分功能，博主接到需求后，觉得维护两套代码不仅是重复开发，测试起来也麻烦，因为之前是两个人开发不同端的缘故，导致大部分的bug都是因为两端不一致产生的。为了节省时间和维护成本，提升开发测试效率，在反复对比调研，最终选择了uniapp技术框架融合两端进行重构。博主目前正在使用uniapp开发H5和小程序，这篇文章是和大家分享并记录一下原生小程序在迁移到uniapp的步骤和时遇到的问题。

---

一、迁移步骤

把微信小程序转成uni-app，这里推荐一款【miniprogram-to-uniapp】小程序转换工具插件

第一步：安装miniprogram-to-unia