1. 基本介绍

uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到IOS、Androiid、H5、以及各种小程序(微信、支付宝、百度、头条)等多个平台。即使不跨端,uniapp也是很好的小程序开发框架。

2. 环境搭建

  1. 下载安装包HbuiladerX
    下载地址:https://dcloud.io/hbuilderx.html
  2. 下载微信开发者工具
    下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
    在这里插入图片描述

3. 创建项目并运行

  1. 点击文件->新建->项目
    在这里插入图片描述
  2. 选择uniapp,给项目起个名称和选择地址,最后创建

在这里插入图片描述
3. 点击运行到各个平台应用

在这里插入图片描述在第一次运行到小程序模拟器微信开发者工具时,需要将图2中的安装地址复制到下图中
图一
在这里插入图片描述
第一次运行可能无法正确打开微信开发者工具,此时需要打开微信开发者工具,在设置->安全设置中将服务端口开启就可以了
在这里插入图片描述
在运行手机app模拟时,无法检测到手机,解决方案:https://www.likecs.com/show-204168620.html

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐