主讲人：笨小猪 QQ 1218764060 微信：liufeicloud 官网：www.niushop.com.cn
【什么是HBuilder X？】
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。
【软件特点】
官方解释：快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
【如何获取HBuilder X软件的安装包？】
1、通过百度搜索：HBuilder X ,或访问HBuilderX官网：https://www.dcloud.io/hbuilderx.html
2、点击download，这里选择Windows APP开发版
【安装必要的HBuilderX插件】
我们编译uniapp源代码到小程序必要插件：scss/sass编译
【获取Niushop 小程序源码版和通过HBuilderX发行小程序】
1. 首先登陆我们微信小程序后台配置好并获取相关信息（后面配置Uniapp需要用的上）且配置好Niushop后台小程序开发者配置。
2. 登录我们Niushop系统后台—小程序—小程序源码下载—下载小程序源码包（如果没有购买的，会提示：您还未购买过小程序，前去购买）
3. 将下载好的小程序源码包通过HBuilderX本地目录导入，点击导入的项目文件找到common—JS—config.js，配置好baseUrl（请求API接口地址）、imgURL（图片服务器地址，图片服务器地址默认为站点域名，如果所有图片存在七牛云，那么图片服务器地址应填写七牛云域名）shareDomain（H5分享域名，填写可选，在有编译H5端口时，分享域名可以填写上去，反之无需填写）、privateKey（API安全密钥，可选填写，但建议您开启安全密钥，防止中间人进行抓包窃取相关数据及非法注入数据）
4. 配置好相关信息之后，我们点击HBuilderX软件顶部菜单栏—发行—小程序-仅用于微信小程序，输入微信小程序名称和小程序APPID，点击发行，静心等待5-10分钟之后在控制器栏中，会看到编译好的小程序路径。
【下载微信开发者工具】
我们可以通过百度搜索：微信开发者工具或者直接访问微信官方文档网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据电脑系统以及系统位数选择对应的版本，如果无法确定自己电脑位数的，点击我的电脑（Windows10是此电脑）右击选择属性就可以看到系统类型，那么我们这里选择Windows 64（全程请看视频操作和讲解）
【视频扩展】
https://v.qq.com/x/page/k3110af1u9r.html
【版权申明】本作品所有版权终归作者“刘飞云”所有，任何人不得以任何手段发布各大平台，违者追究版权责任
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。