一、下载 HBuilder
1、首先进入官网http://www.dcloud.io/，下载 HBuilder。
2、打开下载好的HBuilder，准备开始安装。
3、一路点“下一步”直到完成安装即可。
// 官网下载链接：
http://www.dcloud.io/
二、创建工程
1、打开HBuilder，点击 空白处->新建->H-MUI应用。
2、在创建应用框中选择Weixin Plus并填好应用名称。
3、选择应用包名，即填写应用id。
4、设置完应用id后，HBuilder会自动为您创建工程模板，可以在这里设置应用的图标、启动画面等。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HBuilder工程</title>
</head>
<body>
</body>
</html>
三、调试运行
1、在HBuilder工具界面上方，选择运行–>运行（快捷键F5）。
2、打开运行的应用，通过使用“浏览”或“调试”把应用部署到浏览器或手机端。
3、通过浏览器或手机查看应用效果，查看调试情况，进行调整后再次部署。
// 运行快捷键：F5
四、打包发布
1、运行工具上方，选择 发布->调试+打包->微信小程序。
2、填写相应的应用信息完毕后，生成 .zip 的应用包，可用于在微信开发平台上线发布。
3、发布到各大应用商店需要提供应用的各种描述文件和应用图标等，可以自行搜索资料，也可使用第三方的资源工具
// 发布方式
<br>
--发布->调试+打包
--选择网页地址或应用程序输出路径
--调试给浏览器和移动设备
--打包生成应用程序或网站的离线包
五、总结
以上就是使用HBuilder创建工程、运行、调试和打包发布的大致流程。HBuilder除了微信小程序外，也可以进行多个平台应用程序的开发，需要深入学习的可以查找官方文档，进行更深入的学习和应用。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/189623.html
微信扫一扫 
支付宝扫一扫 