小程序开发框架:mpvue(一)初篇

543 阅读2分钟

  小程序的目前在国内还是很火的,衍生出了很多框架,这里我们不去计较框架的好坏,只客观的从项目出发,去选择真正合适自己项目的框架

   Taro:  技术语言更接近RN,有个Taro开发交流群,有问题在里面提可以迅速得到响应,有需要入群的同学可以密我

   mpvue:  技术语言更接近vue.js,因为笔者对vue的熟悉程度超过RN,所以本次项目的框架选型就使用了mpvue;  个人觉得mpvue有如下几个优点 1)mpvue修改底层编译方式,这样上层可以通过普通的html元素来完成页面布局 2)丰富的UI库,比如mpvue-echarts可以绘制丰富的图表

  谈谈微信小程序  微信小程序有如下几个特点 1:上传审核/真机调试代码不能超过2M,各位代码一定要写好,组件化,抽象化,资源啥的放服务器上,当然根据项目需要适当采用CSS雪碧技术也能快速渲染页面 2: 微信小程序不支持z-index,所以你要是有层级关系显示,请用cover-view/cover-image 2:有自己的微信UI组件,微信小程序UI组件 3:有自己的生命周期和框架,详细的参考微信小程序框架

  在开始正式进入微信小程序编写之前,你应该熟悉一下内容 1)mpvue官网,了解下基础知识 2)mpvue使用手册,让你快速上手小程序开发

   通过上面的学习我想你的工程已经建立起来了,那正式开启小程序之旅吧

 1)通过vue init mpvue/mpvue-quickstart projectname创建一个基于mpvue-quickstart模板的项目,随后会让你输入一些项目的配置信息,如 wxmp appid,表示微信appid

 2)项目结构简介:其实项目结构和之前Electron + Vue创建的项目结构很类似,这里不做赘述

 3)通过npm install 和npm run dev完成项目的编译的工作

 4)打开微信小程序即可进行调试

在这里插入图片描述
这是刚刚创建的项目运行在微信小程序上的效果图