前端框架uni-app
可编译到iOS、Android、H5、小程序等多个平台
一套代码编到7个平台
uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。
HBuilderX内置相关环境
- HBuilderX：官方IDE下载地址
uni-app支持通过 HBuilderX可视化界面、vue-cli命令行两种方式快速创建项目
运行的快捷键是Ctrl+r
原生app-云端打包
uni-app 支持离线打包
发布为H5
manifest.json 的可视化界面
点击发行
发布为微信小程序：
unpackage/dist/build/mp-weixin 生成微信小程序项目代码
/unpackage/dist/build/mp-baidu 生成百度小程序项目代码
在 /unpackage/dist/build/mp-alipay 生成支付宝小程序项目代码
在 /unpackage/dist/build/mp-alipay 生成头条小程序项目代码
发布的快捷键是Ctrl+u
通过 vue-cli 创建 uni-app 项目
全局安装vue-cli
npm install -g @vue/cli
创建uni-app
vue create -p dcloudio/uni-preset-vue my-project
选择自定义模板时，需要填写 uni-app 模板地址
运行发布
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
H5端的浏览器有跨域限制
微信小程序会强制要求https链接
iOS对隐私控制和虚拟支付控制非常严格
请点赞！因为你的鼓励是我写作的最大动力！
吹逼交流群：711613774