原生微信小程序转换成uni-app项目

最近公司有个需求,原谅我是小白,第一次遇到,把原生的微信小程序代码转换为uni-app项目,我在百度了下,有人说:要把微信小程序的代码复制到uniapp项目中进行编译,我想了想太麻烦,思索着肯定有工具来帮我实现

工具:miniprogram-to-uniapp

在转换的过程中,这个工具做了什么?

1. 解析并合并 [xx.js, xx.wxml, xx.wxss] 为 xx.vue 文件，并对小程序模板语法进行转换，调整生命周期函数，this.setData()转换等；
2. 将所有素材资源移入到static目录，并修复路径
3. 转换<template/>标签和语法import *.wxml的转换
4. 支持workers目录转换
5. 支持wxs文件转换
6. 解析小程序的json配置文件，并组装好uni-app需要的配置文件，生成项目。

如何使用?

在命令行cmd输入,加-g是因为这个包是全局的

npm install miniprogram-to-uniapp -g 

安装完成之后输入命令,可以查看是否安装成功,出现版本号

snipaste_20200502_201147.png

为什么这个命令要叫wtu呢?
wx to uni
可以这样理解
然后在命令行输入wtu -i (-i左右都要空格)在后面输入你微信小程序的路径

snipaste_20200502_201615.png

然后进行转换

snipaste_20200502_201700.png

转换成功

snipaste_20200502_202001.png

工具升级

因为工具更新比较频繁，安装后，可以使用如下命令进行升级：
npm update miniprogram-to-uniapp -g