手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何用HBuilderX导入uni-app项目开发微信小程序

时间:2024-10-14 00:12:38

1、打开HBuilderX(v2.7.14),选择文件-导入-从本地目录导入(可按照实际情况选择从SVN或Git中导入)

如何用HBuilderX导入uni-app项目开发微信小程序

2、双击需要导入的项目,或者选中后点击选择文件夹。

如何用HBuilderX导入uni-app项目开发微信小程序

3、打开之后,选择项目下的manifest.json,选中微信小程序配置,确定微信小程序AppID已经在拥有着的微信开发平台中已经设置好权限。

如何用HBuilderX导入uni-app项目开发微信小程序

4、打开微信开发者工具(v1.03.2005140),选中设置-安全设置,确保服务端口已经打开。

如何用HBuilderX导入uni-app项目开发微信小程序

5、选择HBuilderX的运行-运行到小程序模拟器-微信开发者工具,这样就可以在HBuilderX中愉快的修改代码并实时显示在微信开发者工具中啦。

如何用HBuilderX导入uni-app项目开发微信小程序
如何用HBuilderX导入uni-app项目开发微信小程序

6、修改完毕之后可以选择HBuilderX中的发行-小程序微信,确定好您的小程序名称和AppId,然后点击发行即可。

如何用HBuilderX导入uni-app项目开发微信小程序
如何用HBuilderX导入uni-app项目开发微信小程序

7、在HBuilderX控制台提示到处微信小程序成功之后,切换到被动新打开的微信开发者皤材装肢工具中,选择右上角的上传按钮,点击上传就OK啦,上传成功后,请联系管理员在小程序管理后台将本次上传设置为体验版本。

如何用HBuilderX导入uni-app项目开发微信小程序
如何用HBuilderX导入uni-app项目开发微信小程序
© 手抄报圈