您的位置:

HBuilder 安装与使用

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