Uniapp是一款基于Vue.js框架的跨平台应用开发框架，其可以同时开发微信小程序、H5、App以及其他平台。在Uniapp中开发小程序和H5应用，我们只需要使用vue框架的vue文件即可，减少了开发人员对不同目标平台所需的不同开发技能学习成本。同时Uniapp可以通过一套语法，生成多端代码，同时支持一些常用的JS框架，例如jQuery、Zepto等。
1. 开发环境搭建
- 下载安装Nodejs
- 安装vue脚手架：npm install -g vue-cli
- 创建uniapp项目：vue create -p dcloudio/uni-preset-vue my-project
- 进入项目目录：cd my-project
- 安装依赖：npm install
2. 文件结构介绍
- pages文件夹：存放各个页面的vue文件。
- components文件夹：存放公共组件的vue文件。
- static文件夹：存放静态资源文件。
- App.vue：总的vue文件，负责页面的导航以及全局数据的声明等。
- main.js：入口文件，主要用于定义应用程序的配置。
- manifest.json：用于配置小程序的基本信息，如名称、图标等。
3. 页面开发
我们可以在pages文件夹中创建vue文件，即为某个页面。在uniapp中，页面切换是通过底部tab栏实现的。
template部分为页面的代码展示，script部分为页面处理的逻辑，style部分为页面的样式。
4. 小程序配置
uniapp支持算是支持小程序的所有特性，需要在manifest.json中进行配置。
如：设置小程序的名称、图标、背景色、启动页等。
5. 发布上线
首先需要在微信公众平台中绑定开发者账号，配置好小程序的基本信息，获得小程序的AppID。
其次需要将uniapp生成的小程序项目，上传到微信公众平台中，审核通过后即可上线。
6. 总结
Uniapp是一款优秀的开发框架，不仅可以在减少开发人员所需的不同技能学习成本，提高开发效率，同时可以将代码同时应用于多个平台，大大减少了程序重构的压力。但是在使用Uniapp开发时，需要掌握Vue.js的相关知识，否则开发效率会被限制。
