一、安装开发工具
安装HBuilderX 官方下载地址【官方IDE载地址】 HBuilderX是通用的前端开发工具，但为uni-app制成特别强化。 下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用
二、配置运行微信开发者工具
打开工具-设置
点击运行配置-往下滑找到小程序运行配置-填写本地安装路径
运行-运行到小程序模拟器-微信开发者工具
三、异常处理
1.[微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C
09:10:10.971 [微信小程序开发者工具] - initialize 09:10:10.972 [微信小程序开发者工具] 09:10:10.972 [微信小程序开发者工具] × initialize 09:10:10.973 [微信小程序开发者工具] 09:10:10.974 [微信小程序开发者工具]
根据提示，我们需要去小程序打开安全设置
打开服务端口
2. [error] Error: Fail to open IDE
控制台报 [error] Error: Fail to open IDE 错误一般有两个原因，一般是直接拉取别人代码可能出现此类问题，这个时候我们需要重新对代码进行配置修改
1）微信小程序AppID错误
方式1.在HBuilderX当前demo的manifest.json直接修改配置AppID，然后启动程序（不建议）
方式2.在微信开发者工具直接修改AppID
第一步记得一定要先点击头像扫码登录，关联公众平台的开发者才能使用AppID
点击详细-修改AppId
选择从公众平台绑定开发关系的AppID就可以正常开发调试了
补充：如果没有AppID可以去微信公众平台申请
教程：如何申请微信小程序开发APPID_百度知道 (baidu.com)
2) 小程序打开目录与之前设置不符
1.点击添加
2.修改项目路径
3.点击文件，选择文件夹，导入项目
3.[app.json 文件内容错误] app.json: 在项目根目录未找到 app.json
这是因为uniapp项目还未转成微信小程序需要转换一下
重点: 首先一定要有unpackage文件夹，如果没有的需要到HBuilder X 重新运行编译一下
修改project.config.json指定 app.json 路径
记得是在setting下面，添加：
代码语言：javascript复制"miniprogramRoot": "unpackage/dist/dev/mp-weixin/",
点击重新编译就可以正常执行项目啦
