vue h5转换uni-app指南（vue转uni、h5转uni）

准备工作

支付宝小程序
1. 支付宝开发者账号若干【正式账号，公司测试账号】【所有参与人员】，测试，和产品等体验权限。
  1. 需要后台邀请，
2. 域名+https
3. 支付宝开放后台，新建应用。【注意：登录开发者后台尽量不要在深夜，会触发支付宝风控，需要发送验证码，比较麻烦】
微信小程序
1. 微信小程序测试号+正式账号
2. 管理员添加开发者权限
  项目搭建
  目录设计
uni-app必要目录处理【pages、webview】

开发规范

文件放置
1. 大于100kb的图片，尽量上传到oss，使用cdn，包括大背景图，测试图片，都不要放在static目录下，放置代码包过大。
2. 所有组件必须放在components目录下，页面使用到的业务组件可以放在components -> pages目录下，按照页面，单独新建一个文件夹。
3. 公共js文件，或者工具类库，放置在common目录下。
代码规范【有遗漏的，开发过程中遇到可以查找https://www.yuque.com/tu__/cqos8e/gmmuoo看是否有解决办法】
1. 按照Vue超集来对待，即，在遵守Vue规范的前提下，增加了uni的规范。
2. template
  1. 不要在组件标签上添加样式，不生效。
3. script
  1. 数据绑定及事件处理靠近Vue.js规范，同时补充了App及页面的生命周期
  2. common目录下放置了一个富文本库，
4. css
  1. 为兼容多端运行，建议使用flex布局进行开发
  2. css使用less，<style>标签不要忘了添加 scoped
  3. 像素单位使用 rpx，和微信端的换算规则，可以选择机型iphoneX 375px，uniapp的页面宽度标准为750rpx，因此，代码里按照实际px * 2 给元素添加rpx宽高即可。如图，40px * 40px 即，80 rpx * 80 rpx

微信小程序登录
支付宝小程序登录
1. 应用的能力【获取用户手机号，获取用户基础信息】需要先添加，能力列表在：【开发服务】->【版本管理】->【能力列表】，有些能力需要审核，所以要提前申请，不要在开发的时候需要了再申请。