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

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

时间:2024-10-12 16:14:54

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如何创建并运行微信小程序项目
© 手抄报圈