使用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开发时需要注意的

uni-app官网

1:需要使用HBuilder X开发 有相应的生态环境 运行,编译...

 

 

以下是我的项目目录

 

    

pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口表现、设置多 tab 等.

• pages节点的第一项为应用入口页（即首页）
• 应用中新增/减少页面，都需要对 pages 数组进行修改
• 文件名不需要写后缀，框架会自动寻找路径下的页面资源

项目支持vue组件开发,支持SCSS样式, 

 

作为一名前端开发人员,如果你对前沿技术稍微敏感一些你就会感到,前端正在进行一场变革,各个平台都推出了自己的小程序,

微信,支付宝,百度,头条,快应用,后续说不定还有什么淘宝小程序,抖音.....面对如此众多的生态圈,前端人员不断变革,创新.努力做到开发一次,多端覆盖.多端统一, 一套代码运行多端，一端所见即多端所见.

 

等项目发布了,再来贴一个二维码供大家体验

 

谢谢阅读.如果觉得对你有帮助请记得点赞或收藏.欢迎留言讨论.你的支持是我出产优秀博客的动力.