miniprogram-to-uniapp 是一款快速将各种小程序转换为uni-app项目的工具,由于uni-app与小程序的语法并不完全赞同,因此尽量做了一些抹平。抹平不了的地方,仍然需要开发者自行修复。 这个工具的初衷是用于将已有小程序快速转换为uni-app,以便发布为App、H5或其他小程序。
$ wtu -i"./miniprogram-project"-t 待命令行运行结束,会在小程序项目的同级目录有以 小程序项目名 + "_uni" 或 小程序目录名 + "_uni-cli" 目录,即是转换好的 uni-app 项目,转换好后,请使用 HBuilderX 导入并运行。 HbuilderX 插件安装 请参考项目:【HBuilder X 插件】 转换各种小程序为 uni-app...
输入小程序项目路径,即可输出 uni-app 项目。 工具同时支持 Npm 安装 和 HbuilderX 插件(不依赖环境) 两种形式安装,安装方式如下: Npm 安装 $ npm install miniprogram-to-uniapp -g 使用方法 Usage: wtu [options] Options: -V, --version output the version number [版本信息] -i, --input<target>the...
如:【wtu -i “E:\zpWork\Project_self\miniprogram-to-uniapp\test\test-wx-to-uni”】 ,回车后即可以在源项目同及目录得到一个后缀为_uni的目录,即转换成功。 wtu -i "E:\zpWork\Project_self\miniprogram-to-uniapp\test\test-wx-to-uni" 转换前: 转换后: 转换后的项目文件对比(左边是小程序项目...
输入小程序项目路径,即可输出 uni-app 项目。 工具同时支持 Npm 安装 和 HbuilderX 插件(不依赖环境) 两种形式安装,安装方式如下: Npm 安装 $ npm install miniprogram-to-uniapp -g 使用方法 Usage: wtu [options] Options: -V, --version output the version number [版本信息] -i, --input <target> ...
https://github.com/zhangdaren/miniprogram-to-uniapp 图片资源需要拷贝到 static 目录下(--没有就新建一个,并修改引用路径) scroll-view 组件属性 scrollY 在转换后为 scrolly。(--应当转换为 scroll-y 才能正确显示) t.setData 转换有很多问题。
使用HBuilderX插件miniprogram-to-uniapp将微信小程序原生代码转换为uni-app遇到文件转换停滞不动的情况 前言: 1. 建议转换项目之前,复制出来一份进行转换。 如果项目引用的有第三方库,那么转换过程很可能会卡住没反应,特别是复杂的第三方库,如地图、二维码之类。那么就需要对文件进行处理后再次尝试转换,待项目转换...
miniprogram-to-uniapp 组件转换时这里 src/wx2uni/jsHandle.js#86 出现 parent 为 null 的问题(--暂时增加判断容错处理,会有很多不能转换的需要手动更改 if (parent) { parent.replaceWithMultiple(nodeArr); } ) 因为key 为 item*this 的问题导致 for 转换失败: ...
uni-app里无这些生命周期,那么如何处理呢? 工具是如何做的? 第一步:将这三个生命周期重名,并移入methods里。对应关系如下: 生命周期methods里函数名说明 show onPageShow 页面被展示时执行 hide onPageHide 页面被隐藏时执行 resize onPageResize 页面尺寸变化时执行 第二步,通过全局mixin,混入逻辑实现。代码如下:...
输入小程序项目路径,输出uni-app项目。 实现项目下面的js+wxml+wxss转换为vue文件,模板语法、生命周期函数等进行相应转换,其他文件原样复制,生成uni-app所需要的配置文件。 安装 $npminstallminiprogram-to-uniapp-g 升级版本 $npmupdateminiprogram-to-uniapp-g ...