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

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

$ 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 [输入目录]
  -o, --output      the output path for uni-app project, which default value is process.cwd() [输出目录]
  -h, --help        output usage information [帮助信息]
  -c, --cli         the type of output project is uni-app cli, which default value is false [是否转换为uni-app cli项目，默认false]
  -w, --wxs         transform wxs file to js file, which default value is false [是否将wxs文件转换为js文件，默认false]

Examples:

$ wtu -i miniprogramProject

Uni-app cli mode:

$ wtu -i miniprogramProject -c

Transform wxs file to js file:

$ wtu -i miniprogramProject -w

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

• 小程序并不能与uni-app完全对应，转换也并非100%，只希望能尽量减少大家的工作量。我一直在努力，也许有那么一天可以完美转换~~~
• 小程序使用wxParse组件时，转换难度挺大，建议手动替换为uni-app所对应的插件

基本参照大佬的文章：微信小程序转换uni-app详细指南。

因为小程序与uni/vue的语法以及文件结构都有很大的差别，所以做了很多的优化工作，后面再补。

• 支持含云开发的小程序项目(有云开发与无云开发的项目的目录结构有差别)
• 支持['btn/btn.js', 'btn/btn.wxml', 'btn/btn.wxss']或['btn/btn.js', 'btn/btn.wxml' || 'btn/btn.wxss']转换为'btn/btn.vue' ，模板语法、生命周期函数等进行相应转换
• 支持['util/util.js']复制为['util/util.js']，原样复制
• 解析wxss文件，修复import *.wxss语句及引用的资源路径修复
• 支持生命周期函数的转换
• 支持同一目录下有不同名js/wxml/wxss文件转换
• 区分app.js/component，两者解析规则略有不同
• 添加setData()函数于methods下，解决this.setData()【代码出处：https://ask.dcloud.net.cn/article/35020】
• App.vue里，this.globalData.xxx替换为this.$options.globalData.xxx(后续uni-app可以支持时，此功能将回滚)
• 支持wxs文件转换，可以通过参数配置(-w)，默认为true
• 支持uni-app cli模式，即生成为uni-app cli项目，转换完成需运行npm -i安装包，然后再导入hbuilder x里开发

• [todo] 配置参数，支持指定目录、指定文件方式进行转换，增加参数-p 支持子目录转换
• [todo] 文件操作的同步方法添加try catch
• [todo] template标签转换为vue文件
• [todo] 浏览小程序文档，发现生命周期函数可以写在lifetimes或pageLifetimes字段时，需要兼容一下(https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html)
• [todo] 小程序组件还有其他生命周期函数转换

见识过js的语法自由洒脱，没想到小程序的语法比js还要更自由奔放。

常规我们见到的代码是这样的(摘自官方小程序示例demo)：

<import src="../../../common/head.wxml" />
<view class="container">
    <template is="head" data="{{title: 'action-sheet'}}"/>
</view>

然后为了解决这个问题，我收集到一些<template/>的写法：

• <template is="msgItem" data="{{'这是一个参数'}}"/>
• <template is="t1" data="{{newsList,type}}"/>
• <template is="head" data="{{title: 'action-sheet'}}"/> 【目前支持转换的写法】
• <template is="courseLeft" wx:if="{{index%2 === 0}}" data="{{...item}}"></template>
• <template is="{{index%2 === 0 ? 'courseLeft' : 'courseRight'}}" data="{{...item}}"></template>
• <template is="stdInfo" wx:for="{{stdInfo}}" data="{{...stdInfo[index], ...{index: index, name: item.name} }}"></template>

目前仅针对第三种写法可以实现完美转换。而其它写法，以我对vue的粗浅理解，暂时没有好的处理方案。
如有大佬对此有完美解决方案，请不吝赐教，谢谢~~

目前的处理规则：

1. 当某组文件仅包含wxml文件时，就将它转换为全局组件
2. 将模板里面{{}}所包含的变量提取生成到props里
3. 仅支持微信小程序官方DEMO里的写法(代码见上)
4. template标签名转失为is属性所对应的组件名，因为is属性里只能为组件名，并支持标签上面的其他属性，如wx:if、wx:for等
5. 现在只支持键值对{key:value}这种对应方式的转换，不支持data里含有扩展运算符或无key的方式

因uni-app有更好的同类组件，计划使用那个进行替换这个

• [新增] 【-c】命令，支持生成uni-app cli项目，默认为【false】，生成后请在生成目录里执行 npm i 安装npm包(大概需要200+s)，然后可以直接将整个目录拖入到HBuilderX里二次开发或运行，如HBX运行时提示“项目下缺少manifest.json文件”，请在项目上右键【重新识别项目类型】
• [新增] uni-app cli项目，支持配置静态目录(在vue.config.js里alias节点设置)，目前已配置【'@' --> './src'】和 【'assets' --> './src/static'】
• [新增] 【-w】命令，支持转换wxs为js文件，默认为【false】，因uni-app已在app和小程序平台支持wxs标签，而wxs近期也将支持H5平台，所以默认不再转换(还有一个原因是因为遇到同一个目录里，同时包含utils.js和utils.wxss，显然转换为js文件时，两个文件会合为一个，so……)
• [新增] 处理属性bind:tap-->@tap
• [新增] 转换完成后，在生成目录里，生成transform_log.log文件(每次转换都会重新生成！)
• [修复] 处理标签class属性含多个{{}}或有三元表达式的情况(如：<view class="abc abc-{{item.id}} {{selId===item.id?'active':''}}"></view>)
• [修复] 删除page.json里的usingComponents节点。通过import导入组件时，不需要在page.json里重复注册
• [修复] 删除wx:for-index标签

• [修复] 去掉引用组件时的后缀名(如：Vue.component('navbar.vue', navBar))，转换组件名为驼峰全名
• [修复] 修改搜索资源路径的正则表达式，以兼容低版本Node.js
• [修复] 修复当页面里的onLoad为onLoad: function() {}时，处理wxs而报错的bug
• [修复] 转换结束后，增加template和image的提示
• [修复] 对于小程序目录，project.config.json不存在也可进行转换

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

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

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

打赏一下的话就更好了~

This repo is released under the MIT.