1、下载 hbuilderx 编辑器
https://www.dcloud.io/hbuilderx.html
2、下载 微信开发者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
3、使用hbuilder编辑器,开发微信小程序的时候需要借助 微信开发者工具显示,所以需要如下配置:
- hbuilder编辑器左上角创建项目,可根据需求进行选择(vue2.0还是3.0)
- 在桌面上右键微信开发者工具图标,找到文件path(即 文件夹 上方地址)
- 打开 hbuilder编辑,工具 -- 设置 -- 运行配置 -- 小程序运行配置:微信开发者工具路径,输入微信开发者工具的path即可。
- 打开微信开发者工具:右上角齿轮 -- 安全 -- 服务端口 (打开)
4、以上步骤操作完毕,即可运行
运行 -- 运行到小程序模拟器 -- 微信开发者工具
以上流程差一个都运行不起来会报错
注意:报错信息