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

输入小程序项目路径，输出uni-app项目。

实现项目下面的js+wxml+wxss转换为vue文件，模板语法、生命周期函数等进行相应转换，其他文件原样复制，生成uni-app所需要的配置文件。

PS:
很多人问：wx.xxx()为什么不替换为uni.xxx()呢？
答: 暂时不需要，不是替换不了，而是uni-app早已对wx相关函数进行兼容，所以可以直接使用，而不需要再调整了。

安装

$ npm install miniprogram-to-uniapp -g

升级版本

$ npm update miniprogram-to-uniapp -g

使用方法

Usage: wtu [options]

Options:

  -V, --version     output the version number [版本信息]
  -i, --input       the input path for weixin miniprogram project [输入目录]
  -h, --help        output usage information [帮助信息]
  -c, --cli         the type of output project is vue-cli, which default value is false [是否转换为vue-cli项目，默认false]
  -w, --wxs         transform wxs file to js file, which default value is false [是否将wxs文件转换为js文件，默认false]

Examples:

$ wtu -i miniprogramProject

vue-cli mode [转换项目为vue-cli项目]:

$ wtu -i miniprogramProject -c

Transform wxs file to js file [转换项目并将wxs文件转换为js文件(因uni-app已支持wxs，此功能未维护)]:

$ wtu -i miniprogramProject -w

使用指南

本插件详细使用教程，请参照：miniprogram-to-uniapp使用指南。

对于使用有疑问或建议，欢迎加入QQ群：780359397 进行讨论。

已完成

支持无云开发的小程序项目转换为uni-app项目
支持有云开发的小程序项目转换为uni-app项目(cloudfunctions目录将被忽略，uni-app结合小程序云开发见：使用uni-app进行微信小程序云开发经验分享)
支持解析TypeScript小程序项目
支持解析使用npm模块的小程序项目
支持解析include标签
支持解析template标签
支持解析Behavior文件为mixins文件
支持*.js', .wxml和.wxss文件进行相应转换，并做了大量的优化
支持识别App、Page、Component、VantComponent、Behavior和纯Javascript文件的转换
~~App.vue里，this.globalData.xxx替换为this.$options.globalData.xxx(后续uni-app可以支持时，此功能将回滚，已回滚)~~
导出<template data="abc"/> 标签为abc.vue，并注册为全局组件
使用uParse修复版替换wxParse
搜索未在data声明，而直接在setData()里使用的变量，并修复
合并使用require导入的wxs文件
因uni-app会将所有非static目录的资源文件删除，因此将所有资源文件移入static目录，并修复所有能修复到的路径
修复变量名与函数重名的情况
支持wxs文件转换，可以通过参数配置(-w)，默认为false(目前uni-app已支持wxs，不再推荐转换wxs)
支持vue-cli模式，可以通过参数配置(-c)，默认为false，即生成为vue-cli项目，转换完成需运行npm -i安装包，然后再导入hbuilder x里开发(建议爱折腾人士使用)

更新记录

v1.0.53(20200119)

[修复] 转换报错

v1.0.50(20200111)

[优化] 不再转换hidden
[优化] setData支持数组下标，但不支持连续下标(如支持this.setData({'list[0].item[1].src': "hello"})，但不支持this.setData({'list[0][1].src': "hello"}))

v1.0.49(20200107)

[优化] data作为组件属性时(如<abc :data="area"></abc>)，不再进行替换。id和data都能作为组件的属性，但uni-app编译时提示：“id|data 作为属性保留名,不允许在自定义组件 abc 中定义为 props”，经测试id或:id在组件时都无法接收到值，但data是可以接收到值的，因此将data从判断逻辑里去除。

v1.0.48(20200106)

[优化] 文案调整
[修复] hidden="xx"转换v-if="!(xx)"
[修复] json解析失败

历史更新记录

安装使用时的疑难杂症

关于不支持转换的语法说明

感谢

感谢转转大佬的文章：[AST实战]从零开始写一个wepy转VUE的工具，本项目基于此文章里面的代码开发，在此表示感谢~
感谢网友[没有好名字了]给予帮助。
感谢官方大佬DCloud_heavensoft的文章：微信小程序转换uni-app详细指南，补充了我一些未考虑到的规则。
this.setData()代码出处：https://ask.dcloud.net.cn/article/35020，在些表示感谢~
工具使用uParse修复版替换wxParse，表示感谢~
感谢为本项目提供建议以及帮助的热心网友们~~

参考资料

[AST实战]从零开始写一个wepy转VUE的工具此文获益良多
https://astexplorer.net/ AST可视化工具
Babylon-AST初探-代码生成(Create) 系列文章(作者还是个程序媛噢~)
Babel 插件手册中文版Babel插件手册
Babel官网有问题直接阅读官方文档哈
微信小程序转换uni-app详细指南补充了我一些未考虑到的规则。
更新babel版本，命令：npx babel-upgrade --write

最后

如果觉得帮助到你的话，点个赞呗~

打赏一下的话就更好了~

LICENSE

This repo is released under the MIT.

zzlb0224/miniprogram-to-uniapp