RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:9:30-18:00
你可能遇到了下面的问题
关闭右侧工具栏

技术支持

前端开发神器uni-app 兼容各平台小程序介绍
  • 作者:星蕴
  • 发表时间:2020-09-23 14:35
  • 来源:星蕴

        如今小程序非常的流行,这也促进了非常多的框架产生,而众多框架当中只有nui-app、京东的trao是可以制作完成之后直接编译成百度、微信、支付宝、头条小程序、H5、App等多个平台使用的框架。当然如今两个框架都在开发当中,所以bug频出,不过随着技术的发展相信这两个框架会越来越好的。这里我们主要介绍Nui-app框架。

前端开发神器uni-app介绍

       uni-app是一个使用Vue.js开发的前端框架,可以让一套代码发布到ios、安卓的应用,以及h5和各种小程序。因为出现的比较早,目前已经拥有了500万的开发用户,以及几十万的应用,可以说是如今非常热门的框架。另外他在各个平台都有各种教程,各种案例和教程,可以让开发者更快的了解Uni-app,以及在遇到问题时可以更快的解决。

uni-app的开发教程

  一、环境搭建

  使用HBuilderX可视化界面快速创建项目,HBuilderX内置处理了相关环境依赖。

  HBuilderX:IDE。最新版本下载地址

  微信开发者工具:调试预览工具。最新版本下载地址

  二、创建uni-app项目

  点击工具栏里的文件 -> 新建 -> 项目:

  选择uni-app,输入工程名,如:hello-uniapp,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。

  三、运行uni-app

  1. 真机运行:连接手机,开启USB调试,进入hello-uniapp项目,点击工具栏的运行 -> 真机运行 -> 选择运行的设备,即可在该设备里面体验uni-app。

  2. 浏览器运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器,即可在浏览器里面体验uni-app 的 H5 版。

  3. 在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具,即可在微信开发者工具里面体验uni-app。

  四、uni-app调试

  1.使用 Chrome 调试

  进入uni-app项目,点击工具栏的运行 -> 运行到浏览器 -> 选择 Chrome,即可将 uni-app运行到 浏览器,可参考运行uni-app,运行到浏览器后,就能和普通 web 项目一样进行预览和调试了。

  上述内容就是Uni-app的介绍,以及一些简单的配置开发教程,作为一个专业建设网站的公司,对于各种前端框架、开发技术的了解一定是越多越好,好用的工具可以更好的节省成本,给到客户更加优惠的价格和更加优质的服务,星蕴建站可以为您开发各种网站、小程序欢迎有需要的客户咨询了解。