hbuilder是一款深受编程人员使用的编辑器，集成了开发环境、多平台开发等功能，可以帮助大家在最短的时间内开发出成品，大幅度提升效率。hbuilder官方版提供可视化的界面，而且还有自动编译、代码提示、自动补全等人性化服务，无论是新手还是大神开发人员全都适用，希望大家会喜欢。

和一般编辑工具不同的是，hbuilder界面非常的清爽简约，使用过程中不会有任何广告出现，简直就是为web开发人员量身定制的一款编辑器，用过都说好。

hbuilder特色介绍：

支持HTML5的编辑器；

界面清爽简约，功能丰富齐全；

使用简单容易上手，开发超简单。

hbuilder安装使用方法：

1、下载后全部解压，运行安装文件下的exe文件；

2、第一次使用需要登录（可选），不登录的话每次都会提示该窗口；

3、依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))

4、填写项目名称，选择项目位置

5、创建完成，点击项目查看目录结构

6、在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件))

7、选中文件位置，编写文件名称，选中文件使用版本

8、创建完成，自动生成html模板

hbuilder打包app教程：

1、新建app,或者打开“文件 - 新建 - 移动APP”

2、然后填写应用名称以及位置,默认空模板完成

3、默认生成以下文件,把除了unpackage和manifest.json以外的都删掉

4、把自己的项目文件全部放进来

5、双击打开manifest.json文件,页面入口默认是index.html,你可以把自己的首页改成index或者点选择选中

6、在下面选择图标设置,点击+号选择你的app图标必须是.png格式的,选好后点击自动生成所有图标并替换

7、启动图片,启动选项默认就好

8、在unpackage下的res下新建个文件夹取名splash,把我们的app启动图片放进去(注意同样是.png格式的且注意尺寸大小)

9、选择相对应的尺寸大小的启动图片

10、SDK配置：工具自己的需要配置，没有就默认就行。

11、模块权限配置、一样有需要就配置，没有就默认就行。(报黄报红的要删掉)

12、页面引用关系,点击确定

13、点击发行 - 发行为原生安装包

14、选择好后点击打包

15、点击确认就完成了