## 1.下载登录微信开发工具。 (下载地址:[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),推荐使用稳定版) 安装完成后后,打开,微信扫码登陆。 ## 2.下载[HBuilderX](https://www.dcloud.io/hbuilderx.html),选择 APP开发版 下载 ## 3\. 打开编译器,点击文件->点击打开目录 ![](https://img.kancloud.cn/8b/26/8b26b55adfb8b8e96dd2e7cee8d39ed7_660x607.png) ## 4\. 找到CRMEB\_PRO版本的文件管理器默认路径为:crmeb-pro\_v1.0.0/view/uni-app/ ## 5\. 修改域名,找到如下图所示填写自己的域名格式为:[https://域名](https://xn--eqrt2g/) ![](https://img.kancloud.cn/b6/38/b638eae7bde8ea9e26b8b10434c01c6f_1388x378.png) ## 6\. 点击上方发行按钮 ![](https://img.kancloud.cn/d0/25/d0251e2df4154cd65fee9587ccfff455_1238x605.png) ## 7\. 出现如下图所示,填写自己的小程序appid和小程序名称点击发布 ![](https://img.kancloud.cn/18/4e/184ee23a70cb8ad28b870771cfb62e8a_1920x538.png) 打包时编辑器出现:预编译器错误:代码使用了scss/sass语言,但未安装相应编译器... ![](https://img.kancloud.cn/00/87/0087ef4a939b732c25e72cf200a3281f_1565x423.png) 打开 工具--插件安装--scss/sass编译进行安装 ![](https://img.kancloud.cn/87/24/87246fbb04af5a45488539e88965ede7_1607x644.png) ![](https://img.kancloud.cn/3f/c2/3fc2fb14a9a6cbd12978b83ded4eb10b_809x56.png) ## 8.等待打包完成后会自动打开微信小程序开发工具 ![](https://img.kancloud.cn/38/f4/38f4fd85ada06a740147032c060698dc_1929x1039.png) 如果编辑器提示:微信开发者工具拒绝HBuilderX访问,请根据上述提示,在微信开发者工具中开启服务端口 ![](https://img.kancloud.cn/1b/61/1b617f2970328b88024afbd235894ea5_1822x924.png) ## 9.测试、查看数据是否正常加载。点击“购物车”,可正常授权登录,即配置正确。 如出现报错等,检查: 1..SSL证书是否安装正确,(浏览器输入https域名,看能否正常打开) 2.后台appid等是否配置正确 (后台需要配置好小程序相关资料,才能打开前台) 3.公众平台小程序合法域名是否配置正确 ![](https://img.kancloud.cn/e9/a6/e9a6a1c3f2feddf67e13569d319a99f3_360x606.png) ## 10.点击工具右上角,上传,填写版本号等,等待提示上传成功. ![](https://img.kancloud.cn/83/5e/835ea87ccd4c031e056e195bf00ed8b4_450x263.png) ## 11.小程序前端代码配置完成 注:如出现以下提示,不用管理会,点击确定。 ![](https://img.kancloud.cn/eb/d1/ebd1e43b5325ecfa3af17f07bb94bff0_434x165.png) ![](https://img.kancloud.cn/33/a0/33a0a3db582814f6b86c5f8d2b4fadd4_454x186.png)