App,多端-uniapp

Posted pengdt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了App,多端-uniapp相关的知识,希望对你有一定的参考价值。

文章来自
uniapp官网

前言
教程博客很少,找到的内容每一篇的答案都不一样,因为多端开发答案肯定乱七八糟,github也没有案例可以下载,但是官方有个helloword的项目可以研究,并且是兼容所有的平台

工具

  • 最新的Hbuilder工具,并且是支持app开发的那个版本,大概400M
  • 新建一个干净的app项目
  • 再新建一个helloword的示例
  • 对比空的项目结构和示例项目的代码就完事了

注意的点

  • 这个项目的package.json里没有安装插件,但是可以使用很多的插件,这是因为编辑器里自带了一个node_modules文件夹
  • 项目不能随便乱用插件的,在各个平台不兼容,需要使用uni-app专用的,这个可以去官网找

使用

  • 设置,把对应的工具下好【安卓模拟器,谷歌浏览器,小程序开发工具等】

技术图片

技术图片

  • 还是上面的运行,下图是运行在小程序终端的效果

技术图片

发布

  • 顶部的工具栏点击发布,选择发布位置后会进行打包,打包的配置在manifest.json里进行填写,打包文件默认会在目录的unpackage文件夹里


以上是关于App,多端-uniapp的主要内容,如果未能解决你的问题,请参考以下文章

App,多端-uniapp

使用APICloud AVM多端组件快速实现app中的搜索功能

基于 UniAPP 项目多端开发

基于Uni-APP多端「h5+小程序+App」高仿抖音小视频|直播|聊天实例

使用APICloud AVM多端框架开发消防检查助手App项目实践分享

优秀开源平台,前后端分离快速开发平台,一站式多端开发(PC+APP)