主讲人：笨小猪 QQ 1218764060 *liufeicloud 官网：

【什么是HBuilder X？】

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。

【软件特点】

官方解释：快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

【如何获取HBuilder X软件的安装包？】

1、通过百度搜索：HBuilder X ,或访问HBuilderX官网：

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分钟之后在控制器栏中，会看到编译好的小程序路径。

【下载微信开发者工具】

我们可以通过百度搜索：微信开发者工具或者直接访问微信官方文档网址： 64（全程请看视频操作和讲解）

【视频扩展】

【版权申明】本作品所有版权终归作者“刘飞云”所有，任何人不得以任何手段发布各大平台，违者追究版权责任