微信小程序开发:从 ionic 到 uni-app 的转换与探索

2024-08-04
来源:网络整理

这两天公司安排研究微信小程序的开发(想直接或者间接转换成微信小程序。。。)。还好微信开发者工具支持,所以这个“转换”还是可以的。之前也看了一下uni-app,真的太牛了。一套程序(基于vue.js),APP、WAP、微信小程序、各种小程序,自动编译生成,几乎可以转换成uni-app。可惜改框架太大,只能先手动转换,后期自动转换也不是不行。

经过几天的摸索,感觉开发微信小程序真的好玩,感觉自己来晚了,错失了亿万年。官方提供的组件和API实在是太多了,比我们公司提供的原生交互API多多了,哈哈。更有意思的是,我并不是直接开发微信小程序,而是想把之前开发的APP的几个页面转成微信小程序页面。还好公司的美工写好了小程序页面,但是样式问题还是比较大,需要美工“微调”样式!

在微信网页开发者工具里发现了一个小坑,重新导入小程序项目后,ts文件没有自动编译,也向官网反映了这个问题,他们说后续会优化。

主要是我用的太多了,所以选择:

作为主编(安装几个下载量不错的5星小程序插件):

ctrl++B(mac上是++B)开启自动编译ts文件,好强大啊!!!微信开发者工具会自动监听js文件的变化,并自动刷新界面,完美了,哈哈哈!

小程序能用vue开发吗_可以用vue开发微信小程序_vue.js开发小程序

使用微信网页开发者工具作为运行和预览工具。

强制修改小程序目录结构:

感觉微信小程序太强大了,忍不住说几句,记录一下我第一次接触微信小程序的感受。

,我为公司开发的第一个小程序上线了,虽然页面不多,但还是值得庆贺的。以后小程序项目可以内部开发了,之前都是把订单交给合作的另一家公司开发(我看了他们的代码,很乱……)

顺便将我的小程序的基础(框架)开源了,虽然现在还是草稿,但总有一天会变成精品的:

分享