前端框架 uni-App
可编译到 iOS,Android,H5, 小程序等多个平台
一套代码编到 7 个平台
image.PNG
uni-App 在跨端数量, 扩展能力, 性能体验, 周边生态, 学习成本, 开发成本等 6 大关键指标上拥有极强的竞争优势.
image
image.PNG
image
image.PNG
HBuilderX 内置相关环境
HBuilderX: 官方 IDE 下载地址
uni-App 支持通过 HBuilderX 可视化界面, vue-cli 命令行两种方式快速创建项目
image
image
image
image
image
image
image
image
运行的快捷键是 Ctrl+r
image
原生 App - 云端打包
image
image
uni-App 支持离线打包
image
发布为 H5
manifest.JSON 的可视化界面
image
点击发行
image
发布为微信小程序:
unpackage/dist/build/mp-weixin 生成微信小程序项目代码
image
/unpackage/dist/build/mp-baidu 生成百度小程序项目代码
image
在 /unpackage/dist/build/mp-alipay 生成支付宝小程序项目代码
image
在 /unpackage/dist/build/mp-alipay 生成头条小程序项目代码
image
发布的快捷键是 Ctrl+u
通过 vue-cli 创建 uni-App 项目
全局安装 vue-cli
NPM install -g @vue/cli
创建 uni-App
vue create -p dcloudio/uni-preset-vue my-project
image
选择自定义模板时, 需要填写 uni-App 模板地址
运行发布
- NPM run dev:%PLATFORM%
- NPM run build:%PLATFORM%
image.PNG
看完《uni-App 官方教程》
白话 uni-App
《uni-App 商业级应用实战》
《uni-App 跨平台应用开发教程》
《uni-App 实战教程 - "悦读" 项目实战》
《uni-App 实战仿糗事百科 App 开发》
《跟枫桥一起开发 App》
H5 端的浏览器有跨域限制
微信小程序会强制要求 https 链接
iOS 对隐私控制和虚拟支付控制非常严格
请点赞! 因为你的鼓励是我写作的最大动力!
官方微信公众号
吹逼交流群: 711613774
吹逼交流群
来源: http://www.jianshu.com/p/275322b7ed6d