使用uni-app开发app的流程,app开发

uniapp插件 2023-12-06 11:29 231 墨鱼

uniapp插件

使用uni-app开发app的流程,app开发

1、uni-app教程一(项目创建、tabbar配置、运行) 2、uni-app教程二(微信开发者工具运行项目，icon字体使用，组件) 3、uni-app教程三(全局模块util.js、全局变量、一、uni-app介绍uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到14个平台：iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/Q

当然你可以选择其他IDE,但是官网推荐HBuilderX,天然整合uniapp。2.2 下载微信开发者工具我们要最终打包成微信小程序就必须在微信开发者工具去预览，那么需要下载微信开发者工具了uniapp的开发相对来说还是简单的，开发过Vue或者微信小程序的朋友几乎能无缝上手，只需要浏览下官方文档即可，其API与小程序的API的大同小异，基本将http://wx.xxx修改为http://uni.xx

用uni-app开发多端项目，一套代码可同时打包出各端小程序、h5和app,uni-app支持通过HBuilderX可视化界面和vue-cli命令行两种方式创建项目，下面示例项目采用HBuilderX可视化界面的方式创建，cl设置点击新闻列表页面的新闻内容进行页面的跳转，这里可以使用自定义事件，如果要将原生事件绑定到组件当中去，可以通过.native 进行解决，详情可参考官方文档，如

uni-app是一个使用Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、导航栏点击运行运行到浏览器选择Chrom 至此你的uni-app项目已经运行起来了新建页面路由的添加pages页面单击右键新建一个uni-app页面HBuilderX会帮你在pages.json中注册路由信息

后台-插件-广告管理-内容页尾部广告（手机）

标签： app开发