uni-app运行到微信小程序启动失败

第一次在HbuilderX中，使用微信小程序运行时报如下错误：

23:09:56.619 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.
23:09:56.621 [微信小程序开发者工具] For more details see: https://developers.weixin.qq.com/miniprogram/en/dev/devtools/cli.html
23:09:56.629 [微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。
23:09:56.643 [微信小程序开发者工具] 详细信息: https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html
23:09:56.652 [微信小程序开发者工具]
23:09:56.657 [微信小程序开发者工具] ? Enable IDE Service (y/N) �[27D�[27C
23:09:56.665 [微信小程序开发者工具] - initialize
23:09:56.674 [微信小程序开发者工具]
23:09:56.681 [微信小程序开发者工具] × initialize
23:09:56.688 [微信小程序开发者工具]
23:09:56.688 [微信小程序开发者工具]

1、根据提示，查看
https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html
页面有如下提示：

要使用命令行，注意首先需要在开发者工具的设置 -> 安全设置中开启服务端口。

打开“微信开发者工具” 开启调试工具端口

微信开发者工具-打开安全端口.gif

2、微信开发者工具还提供了 cli 的命令行工具，供外部调用。HbuiderX在调用“微信开发者工具”进行调试的时候也使用这个这个命令行工具。
安装“微信开发者工具”时，不会将该工具的路径添加到环境变量，需要手动添加。
找到“微信开发者工具”安装目录，比如我的是:

D:\Program Files (x86)\Tencent\微信web开发者工具

将这个路径放到Path目录下面(如果不会添加环境变量的话，可以自行百度，有大把教程)。
然后在终端里面，输入：

cli login
根据提示输入y。

再次运行HbuilderX的微信调试，就可以成功了。
ps: 最好保持只有一个“微信开发者工具”在运行，不然，可能会有白屏的问题。

Hbuilder-运行微信小程序.gif