微信小程序转换为uni-app项目

【转成uni-app原因】

    项目中遇到一个需求在微信小程序中无法实现。由于小程序中的限制太多,所以尝试把当前开发的微信小程序 转成 uni-app,再通过uni-app把前端代码打包成app从而解决问题。

【遇到的问题】

     查看uni-app文档发现 在生命周期,函数未知,data数据赋值,时间绑定,判断循环指令等地方都存在差异。尝试手动转写是可行的,效率太低。

【解决方案】

     百度找到开源转写工具 miniprogram-to-uniapp 可实现微信小程序转成uni-app项目。

     具体可参考 文章 有对此工具的详细讲解。

【步骤】

 

       第一步:在命令行里,运行【 npm install miniprogram-to-uniapp -g 】进行安装,因为这个包是工具,要求全局都能使用,         所以需要-g进行全局安装。

 

       第二步: 继续在命令行里,运行【 wtu -V 】,执行结果如下:

        显示版本,说明已经安装成功了。(wtu -> 取自wx to uni之意,后面都用这个全局命令)

第三步:在命令行里,输入【wtu -i "你的小程序项目路径" -o "输出目录,可不填"】,如:【wtu -i "E:\zpWork\Project_self\miniprogram-to-uniapp\test\test-wx-to-uni"】 ,回车后即可以在源项目同及目录得到一个后缀为_uni的目录,即转换成功。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值