使用uni-app创建多端使用的小程序与H5经验总结
最近利用业余时间 和朋友在一起做了一个项目, 一个移动端的app,需要开发一下,可以编译到微信小程序,H5,支付宝小程序,百度小程序,头条小程序,安卓,iOS.
项目刚开始的时候,调研了很多资料.找到了几个比较合适的框架,Taro,uni-app weex,和滴滴出品的Chameleon,
试了一下Taro,和uni-app 其他的都简单看了一下文档,最后选择了uni-app
uni-app是Dcloud出品的,之前他们出了一个MUI跨平台的web框架.我相信他们在这方面还是有一定实力的.
uni-app本身是基于vue开发出来的,很多标签和微信小程序的一模一样.所以上手难度不高,想做小型移动端项目的还是可以试一下的.Taro我也试了一下,因为基于React,对于没用过React的可能开发起来没有那么快,
下面介绍一下使用uni-app开发时需要注意的
1:需要使用HBuilder X开发 有相应的生态环境 运行,编译...
以下是我的项目目录
pages.json
文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等.
- pages节点的第一项为应用入口页(即首页)
- 应用中新增/减少页面,都需要对 pages 数组进行修改
- 文件名不需要写后缀,框架会自动寻找路径下的页面资源
项目支持vue组件开发,支持SCSS样式,
作为一名前端开发人员,如果你对前沿技术稍微敏感一些你就会感到,前端正在进行一场变革,各个平台都推出了自己的小程序,
微信,支付宝,百度,头条,快应用,后续说不定还有什么淘宝小程序,抖音.....面对如此众多的生态圈,前端人员不断变革,创新.努力做到开发一次,多端覆盖.多端统一, 一套代码运行多端,一端所见即多端所见.
等项目发布了,再来贴一个二维码供大家体验
谢谢阅读.如果觉得对你有帮助请记得点赞或收藏.欢迎留言讨论.你的支持是我出产优秀博客的动力.