uni-app开发微信小程序开发环境配置

开发环境配置

  1、uni-app开发小程序是基于Hbuilder、微信开发者工具开发

       下载链接:

          Hbuilder:https://www.dcloud.io/hbuilderx.html

          微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

          如果喜欢用vsCode开发工具开发的请忽略这篇文章,请转到:https://www.jianshu.com/p/259c173bcab3

          如果上述已下载的请忽略第一步,直接查看第二步

    2、首先配置Hbuilder,点击文件 ---> 新建 ---> 项目,建立项目

3、然后打开建立好的项目中的manifest.json文件配置小程序,填入AppId等

4、接下来打开微信开发者工具,打开设置  ---> 安全设置,开启端口号(记录下端口号,下面会用到)

5、再转到Hbuilder。选择运行 ---> 运行到小程序模拟器  ---> 运行设置(如图一),填写外部web服务器点用URL(端口号是刚刚微信开发者工具中开启的端口号),选择微信开发工具的安装路径(如图二)

图一
图二

6、全部配置完成后,选择运行 ---> 运行到小程序模拟器 ---> 微信开发者工具,程序会自动调出微信开发工具

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容