HBuilderX和微信开发者工具是现今常见的前端开发工具，本篇文章介绍在HBuilderX编辑器中如何配置运行微信开发者工具完成流程。

一、HBuilderX和微信开发者工具下载

    1.1、HBuilderX工具下载地址：https://www.dcloud.io/hbuilderx.html

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

二、HBuilderX编辑器的配置

    HBuilderX编辑器菜单【工具】、【设置】、【运行配置】进入如图配置界面。

    在微信开发者工具路径位置，配置微信开发者工具。若不清楚微信开发者工具所在位置，可以鼠标方式微信开发者工具上，右键【属性】。如图所示，目标就是微信开发者工具所在位置。

    注意：不能直接复制目标里面的完全路径，需将最后的“\微信开发者工具.exe”去掉。

三、微信开发者工具的配置

    1、运行微信开发这工具，如图界面。点击右上角【设置】图标

    2、如图所示，【安全】中打开服务端口。

完成以上步骤后，回到HBuilderX编辑器。从新运行项目到微信小程序即可。