uni-app如何创建并运行微信小程序项目

 时间:2026-04-23 11:07:26

1、点击文件,选择新建下面的项目,如下图所示

uni-app如何创建并运行微信小程序项目

2、接着选择uni-app类型,起个名字即可,如下图所示

uni-app如何创建并运行微信小程序项目

3、然后就建好了小程序的目录,如下图所示

uni-app如何创建并运行微信小程序项目

4、接着点击工具下面的设置,如下图所示

uni-app如何创建并运行微信小程序项目

5、然后在运行配置里面设置微信开发者工具的路径,如下图所示

uni-app如何创建并运行微信小程序项目

6、接着登录微信开发者工具,点击设置下面的安全设置

uni-app如何创建并运行微信小程序项目

7、然后开启服务端口,如下图所示

uni-app如何创建并运行微信小程序项目

8、接着在运行配置中填写web服务调用URL

uni-app如何创建并运行微信小程序项目

9、接着点击运行下面的运行到小程序模拟器,如下图所示

uni-app如何创建并运行微信小程序项目

10、最后hbuilder就自动将创建的小程序更新到微信开发者工具了,如下图所示

uni-app如何创建并运行微信小程序项目

  • 韩国有哪些好看的综艺节目
  • 产后如何修复盆底肌
  • 怎样种大蒜产量高
  • 新手学开车系列图文教程,详细实用1
  • 如何申请法院强制执行
  • 热门搜索
    我爱我家手抄报 植树节手抄报内容50字 关于祖国的手抄报 关于水的手抄报 关于法制的手抄报 昆虫记手抄报 放飞梦想手抄报 民族手抄报 手抄报设计实用手册 劳动手抄报内容文字