hbuilder中下载小程序开发工具

HBuilder是一款非常流行的移动应用开发工具，可以帮助开发人员快速地运用HTML5技术快速开发出Android、iOS、小程序等跨平台移动应用。

小程序是一种无需下载的轻应用，通过微信扫描二维码即可访问。在HBuilder中下载小程序开发工具是十分简单易懂的，下面将详细介绍该过程。

1. 打开HBuilder软件，在主界面上选择File菜单，点击New。

2. 在New Project窗口中，选中Wx-App，并选择相应的创建项目路径。

3. 在下拉框中选择微信小程序版本，填写小程序的名称和AppId，点击Create按钮。

4. 创建完毕后，HBuilder会默认为你生成一个小程序的项目模板，包括了小程序所需要的文件和目录结构，我们可以在此基础上进行二次开发和修改。

5. 在HBuilder中下载小程序开发工具需要在项目根目录下新增一个project.config.json文件（如果已有该文件则可以直接在文件中修改或添加AppId信息），文件内容格式如下：

{

"appid": "你的小程序AppId",

"projectname": "你的小程序名称",

"setting": {

"urlCheck": true,

"es6": true,

"postcss": true,

"minified": true,

"newFeature": true

},

"compileType": "miniprogram",

"libVersion": "2.8.0",

"appid": "wx123456789abcdefgh",

"projectname": "HBuilder小程序",

"condition": {

"search": {

"current": -1,

"list": []

},

"conversation": {

"current": -1,

"list": []

},

"plugin": {

"current": -1,

"list": []

},

"game": {

"currentL": -1,

"list": []

}

},

"miniprogramRoot": "",

"cloudfunctionRoot": "cloudfunctions"

}

注意：此处填写的appid必须时由微信开放平台申请到的真实AppId

6. 将修改后的project.config.json文件保存，然后关闭HBuilder。

7. 在微信官网下载并安装最新版小程序开发工具。

8. 启动微信小程序开发工具，选择【文件】>【导入项目】，在弹出的窗口中选择刚才在HBuilder中创建的小程序项目，点击确定。

9. 选择ES6转ES5和使用npm模块检查，此处需要绑定小程序开发账号，绑定后即可完成项目导入。

最后，我们就成功地将在HBuilder中的小程序项目与微信小程序开发工具进行了绑定，可以在微信小程序开发工具中进行更加详细的小程序开发，调试和实现。