文章目录
一、前期打算 （一）微信开发者工具
小程序开发工具是腾讯官方发布的用于开发陌陌小程序的IDE软件，可以从陌陌官方网站下载到这个工具，建议下载稳定版本的软件。
下载安装文件后，执行默认安装即可，初次启动须要扫码就能登入该软件
【重要】为了保证陌陌开发者工具与HbuilderX配合使用，必须开放小程序的服务端口。这样将来HbuilderX可以把uni-app项目编译成小程序项目，通过安全端口调用小程序工具执行项目。
#8:6:7:0:b:3:f:a:9:b:d:8:e:7:e:9:0:5:d:4:1:0:b:f:c:0:3:a:1:f:c:c#
#3:5:2:b:9:4:6:1:c:6:f:f:f:1:d:9:e:b:a:6:f:e:0:5:0:c:6:6:7:8:2:f#
（二）HbuilderX
HBuilderX工具是目前国产化软件中，开发后端和移动端项目最优秀的IDE之一，甚至比JetBrains出品的WebStorm还要好用。开发UNI-APP框架的移动端项目，必然首选HBuilderX。
HBuilderX下载地址：链接: 密码: rpmf
下载安装包后直接安装即可，完成安装后，必须在HBuilerX中配置陌陌开发者工具的路径。首先在偏好设置中找到运行配置，然后在陌陌开发者工具路径中填写本机中文件的路径，使用MAC的朋友可以参照我下边的截图。（windows的不一样，可参考其他教程）
#3:1:0:2:5:b:2:d:0:d:a:3:f:f:3:e:a:0:4:b:9:1:3:8:7:e:b:3:5:c:d:f#
#7:4:6:3:e:f:d:7:b:8:7:a:d:2:4:4:9:f:e:9:4:e:6:1:c:6:0:5:4:8:2:0#
二、创建项目步骤 （一）HBuilderX创建小程序工程
在HBuilderX上，创建项目，类型选择uni-app(U).
例如，新建一个项目，叫做work-online。
#a:1:9:5:4:9:3:e:6:0:a:d:f:e:f:0:b:e:c:0:b:e:b:0:5:5:4:e:4:c:0:3#
（二）、配置小程序AppID
在manifest.json文件中填写你自己注册出来小程序AppID
#c:2:9:4:2:c:7:c:6:e:7:7:a:f:e:f:c:1:5:c:e:a:5:5:9:3:7:c:e:c:5:c#
（三）、运行项目到陌陌小程序
首先，必须启动本机上的陌陌开发者工具，并且扫码登录
在HBuilderX中选择运行陌陌小程序。
#c:4:7:7:1:1:6:a:4:6:7:f:6:6:e:a:6:5:7:6:7:a:7:9:d:c:f:a:5:2:6:2#
在陌陌开发者工具中即可见到hello页面，说明借助HBuilderX创建陌陌小程序项目没有问题。
#8:b:5:1:2:4:4:0:1:8:5:7:4:d:6:9:b:b:f:4:3:f:1:7:3:6:f:5:6:2:7:f#
