一、下载 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除了微信小程序外,也可以进行多个平台应用程序的开发,需要深入学习的可以查找官方文档,进行更深入的学习和应用。