Hbuilder X使用uni-app创建微信小程序

使用Hbuilder X创建基于uni-app模板的微信小程序

  1. 在Hbuilder X里面新建一个uni-app项目
    点击文件,选择新建,后创建项目
    Hbuilder X使用uni-app创建微信小程序_第1张图片
    最后点击创建(需在项目名称上填写自己项目的名称)

  2. 点击Hbuilder X的设置,在运行配置中设置微信开发工具的安装路径

Hbuilder X使用uni-app创建微信小程序_第2张图片

  1. 在微信开发工具中,点击设置中的安全设置,然后开启服务端口
    Hbuilder X使用uni-app创建微信小程序_第3张图片
    记录下端口号

  2. 最后在Hbuilder X运行配置中填写web服务调用URL(本地IP+端口号) Hbuilder X使用uni-app创建微信小程序_第4张图片
    5.点击运行到小程序模拟器,微信开发工具即可运行
    Hbuilder X使用uni-app创建微信小程序_第5张图片
    6.最终微信开发工具开始运行,并且是uni-app默认模板
    Hbuilder X使用uni-app创建微信小程序_第6张图片如有改进之处,还请各位及时提出,感谢有缘人翻到我的第二篇正式博客,嘿嘿。

你可能感兴趣的:(前端框架)