如何用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项目开发微信小程序
  • PowerDesigner使用教程之-导出SQL方法
  • Eclipse中基本的组件
  • Bootstrap中如何制作下拉菜单
  • html如何设置表格单元格垂直居中
  • 如何使用idea快速找到项目所在文件夹?
  • 热门搜索
    科技报手抄报 关于春节手抄报大全 说普通话手抄报内容 讲普通话手抄报内容 拒绝垃圾食品手抄报 禁止吸烟手抄报内容 环境保护手抄报内容 科技节手抄报图片 好书我推荐手抄报 文明乘车手抄报