1、下载 hbuilderx 编辑器
https://www.dcloud.io/hbuilderx.html

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

3、使用hbuilder编辑器，开发微信小程序的时候需要借助 微信开发者工具显示，所以需要如下配置：

1. hbuilder编辑器左上角创建项目，可根据需求进行选择（vue2.0还是3.0）
2. 在桌面上右键微信开发者工具图标，找到文件path（即 文件夹 上方地址）
3. 打开 hbuilder编辑，工具 – 设置 – 运行配置 – 小程序运行配置：微信开发者工具路径，输入微信开发者工具的path即可。
4. 打开微信开发者工具：右上角齿轮 – 安全 – 服务端口 （打开）

4、以上步骤操作完毕，即可运行
运行 – 运行到小程序模拟器 – 微信开发者工具

以上流程差一个都运行不起来会报错
注意：报错信息