养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-22 07:33:38

很多人都会用uni-app创建小程序,那么如何创建呢?下面小编给大家分享一下.

工具/原料

hbuilder

方法/步骤

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

© 一点知识