使用 uni-app 开发小程序

  1. 获取 AppID 和 AppSecret
    登录小程序的管理后台->左侧开发->开发设置->获取 AppID 和 AppSecret

  2. 安装相关工具
    微信开发者工具
    HBuilderX

  3. 创建 uni-app
    点击工具栏里的文件 -> 新建 -> 项目
    选择 uni-app 类型,输入工程名,选择 uni-ui项目 模板,点击创建
    即可成功创建。
    在这里插入图片描述

  4. 项目运行
    注意:如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在 HBuilderX 运行前配置微信开发者工具的默认路径,如下图所示:

在这里插入图片描述
需要在 HBuilderX 中配置小程序的 AppID
项目目录->manifest.json->微信小程序配置->填入对应的 AppID
在这里插入图片描述
之后就可以运行啦
在这里插入图片描述
注意:
若是使用HBuilder X > 运行 > 运行到小程序模拟器->微信开发者工具 报以下错误
[微信小程序开发者工具][error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启,或手动打开工具 -> 设置 -> 安全设置,将服务端口开启。
解决:
在微信开发者工具 > 设置 > 安全设置里面:打开服务端口
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值