uniapp运行小程序教程

1.首先安装HBuilderX(HBuilderX-高效极客技巧)uniapp运行小程序教程_第1张图片

 2.下载微信开发者工具(微信开发者工具下载地址与更新日志 | 微信开放文档)uniapp运行小程序教程_第2张图片

 安装默认路径, 安装完成之后打开微信开发者工具之后以下操作

        设置---->安全设置---->打开服务口端号

uniapp运行小程序教程_第3张图片

 uniapp运行小程序教程_第4张图片

 打开HBuilderX打开工具--->设置---->运行配置--->微信开发者工具路径进行配置(配置到微信web开发者工具即可)

uniapp运行小程序教程_第5张图片

 在HBuilderX的本项目目录中打开manifest.json文件---->微信小程序配置---->配置AppId

uniapp运行小程序教程_第6张图片

在HBuilderX中---->运行---->运行小程序模拟器----->微信开发者工具

 完成.uniapp运行小程序教程_第7张图片

如果没有成功则检查自己的微信开发者工具设置--->安全设置--->是否打开了端口号

再次检查 HBuilderX中manifest.json微信小程序配置是否填写AppId

如果都没有问题检查 工具--->插件安装是否存在uni-app(编译), 没有存在则去插件市场安装

你可能感兴趣的:(uni-app,小程序)