How to convert a small program project to a uni-app project? The following article will introduce to you the method of converting WeChat applet into uni-app project. I hope it will be helpful to you!
When I was working on a uni-app project before, the front end needed to implement a relatively complex dynamic tab and swiper switching function, but due to my own front-end lameness, I didn’t. I wrote it out, and then when I searched on the Internet, I found a page in a WeChat applet that perfectly met my needs. So the question is, how do I convert the WeChat applet into a uni-app project? After searching for relevant solutions on the Internet, there is indeed a project to convert WeChat mini programs into uni-apps. The name of the project is [miniprogram-to-uniapp]. Let’s see how to put it into practice!
Summary introduction: It is an open source project that can convert WeChat projects into Uni-app projects
github address: https:/ /github.com/zhangdaren/miniprogram-to-uniapp
Usage Guide: https://ask.dcloud.net.cn/article/36037
Since this project needs to use the NPM package management tool to install the corresponding project package, and NPM is a package management tool installed along with NodeJS, so next we only need to install and configure node.js OK.
Node.js installation and configuration detailed tutorial: https://www.runoob.com/nodejs/nodejs-install-setup.html
First check the NPM version:
##Create a new blank file in any disk Folder, used to store NPM initialization module configuration:
Use CMD to enter the corresponding folder and enter:npm initCommand
First download the WeChat applet that needs to be converted:
For demonstration purposes, I randomly downloaded a WeChat mini program mall. The project address is: https://github.com/hanxue10180/shangcheng The following picture shows the basics of the WeChat mini program Structure:## Install miniprogram-to-uniapp and convert the mini program into a uni-app project:
Because this package is a tool and requires global use, it requires -g for global installation. Run the following command to install:
npm install miniprogram-to-uniapp -g
(wtu -> is taken from wx to uni, this global command will be used later)
wtu -V
In the command line, enter [
wtu -i "you Mini program project path "], note that there is a space after-i
! ! ! For example: [wtu -i "G:\shangcheng"
] ;After pressing Enter, you can get a directory with the suffix _uni in the source project and directory, that is, the conversion is successful. As shown in the figure below:
Recommended: "
The above is the detailed content of Let's talk about how to convert a small program project into a uni-app project. For more information, please follow other related articles on the PHP Chinese website!