小程序代码转 uni-app,uniapp可以做小程序吗
如何把小程序项目变成uni-app项目?下面这篇文章介绍了微信小程序转化为uni-app项目的方法,希望对你有所帮助!
UNI-APP开发(仿饿)开发课程:进入学习
我之前自己做uni-app项目的时候,前端需要实现一个复杂的动态tab和swiper切换的功能,但是因为我前端比较小气,所以没有写出来。然后我在网上搜索的时候在一个微信小程序里找到了一个页面,极其符合我的需求。那么问题来了,怎样才能把微信小程序变成uni-app项目呢?在网上搜了一下相关解决方案,确实有一个把微信小程序转换成uni-app的项目。项目的名称是[miniprogram-to-uniapp]。来看看怎么练吧!
miniprogram-to-uniapp项目介绍:
概述:是一个开源项目,可以将微信项目转化为Uni-app项目。
Github地址:https://github.com/zhangdaren/miniprogram-to-uniapp
用户指南:https://ask.dcloud.net.cn/article/36037
第一步、在window上安装NPM包管理工具:
由于这个项目需要使用NPM包管理工具来安装相应的项目包,而NPM是随NodeJS一起安装的包管理工具,那么我们只需要安装并配置Node.js即可
Node.js安装配置详细教程:https://www.runoob.com/nodejs/nodejs-install-setup.html
第二步、初始化一个NPM模块:
首先查看NPM版本:
在任意盘中新建一个空白文件夹,用于存放NPM初始化模块配置:
使用CMD进入相应的文件夹,并输入:npnimit命令。
第三步、使用miniprogram-to-uniapp将微信小程序转化uni-app实例:
首先下载需要转化的微信小程序:
为了演示,我刚下载了一个微信小程序商城,项目地址:https://github.com/hanxue10180/shangcheng.
下图是微信小程序的基本架构:
安装miniprogram-to-uniapp,并将小程序转化为uni-app项目:
因为这个包是工具,要求全局都能使用,所以需要-g进行全局安装,运行以下命令进行安装:
npm安装迷你程序到uniapp -g
安装完成,执行以下命令查看工具版本:
(wtu-从wx到uni,这个全局命令稍后使用)
wtu -V
运行以下命令将微信小程序转化为uni-app项目:
在命令行上,键入[wtu -i your applet project path],注意在-i后面有一个空格!如【WTU-I g: \上城】;
进入后可以在源项目的同一个目录下得到一个后缀为_uni的目录,即转换成功。如下图所示:
大功告成,顺利转化为uni-app项目结构:
推荐:《uniapp教程》以上是讲如何把一个小程序项目变成uni-app项目的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。