最近公司有个需求,原谅我是小白,第一次遇到,把原生的微信小程序代码转换为uni-app项目,我在百度了下,有人说:要把微信小程序的代码复制到uniapp项目中进行编译,我想了想太麻烦,思索着肯定有工具来帮我实现
工具:miniprogram-to-uniapp
在转换的过程中,这个工具做了什么?
- 解析并合并 [xx.js, xx.wxml, xx.wxss] 为 xx.vue 文件，并对小程序模板语法进行转换，调整生命周期函数，this.setData()转换等；
- 将所有素材资源移入到static目录，并修复路径
- 转换<template/>标签和语法import *.wxml的转换
- 支持workers目录转换
- 支持wxs文件转换
- 解析小程序的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
