HBuilder是一款极为专业的工具，主要助力用户在手机端开展HTML5开发。该软件功能丰富多样，支持代码输入，能满足各类编写需求。同时，它自带模糊匹配功能，可实现快速匹配，编写过程十分便捷。快来体验一下吧！

HBuilder功能

1、代码块

有这样一个代码块，能让你少敲50个按键。

2、模糊匹配

通过跳动着敲击字母，便能匹配到相应单词。

3、代码输入法

一键，少敲10下

4、emmet

按下tab键即可生成一串代码

5、智能补齐

洞察你的意图，自动实现输入

HBuilder使用教学：

1、使用Hbuilder创建项目

首先，在网站获取Hbuilder正式版并安装打开，接着依次点击“文件——新建项目——选择5+”，随后为项目命名，再点击创建，此时得到的项目结构如下：

2vue项目准备

1、代码配置

从浮木云导出移动端H5代码，接着对代码进行格式化处理。之后，打开vue.config.js文件，把其中publicPath字段的值修改为./ 。完成上述操作后，执行npm i命令来安装依赖。

2、打包

进行项目打包操作，执行npm run build命令，随后将dist目录下的全部文件进行复制。

3、得到文件

把复制好的文件粘贴至前文通过Hbuilder创建的项目里，将所有文件覆盖。

3打包配置

1.基础配置

点击由Hbuilder创建项目里的manifest.json。

2.图标配置

设置Android、iPhone、Pad于不同分辨率时所适配的图标。

3.启动界面配置

无需启动页面，采用默认配置即可。要是需要进行配置，在Android系统下选择自定义启动图，上传三种不同分辨率的图片就可以。而在iOS系统中，需选择自定义storyboard启动界面。

4.权限配置

按照具体业务需求来对各类权限进行配置，常见配置情况如下图所示：

HBuilder特色

1、强大的转到定义与一键搜索功能

2、emmet：通过return生成一串代码

3、可编程代码块：此代码块能让你少敲50个按键。

4、边修改边查看：在编写代码的同时，同步观察呈现的效果。

5、代码输入法：通过按下数字，能够快速选择候选项。

6、全方位无死角提示：不仅针对语法，诸如 ID、Class、图片、链接、字体等方面也能给出提示。

7、支持多种语言：涵盖php、jsp、ruby、python、nodejs等web语言，以及less、coffee等编译型语言。

8、此地拥有最为全面的语法库以及最为全面的语法浏览器兼容库。

HBuilder亮点

1、HBuilder手机版是一款既专业又实用的手机HTML开发工具。

2. 用户能够借助该软件在任意时间开展HTML编辑。

3、借助完整的语法提示、代码输入法以及代码块等方式。

4、显著提高HTML、js、css的开发效率。采用代码输入法，只需按一个数字键，就能少敲10个按键。

HBuilder小编点评

HBuilder软件功能十分强大，在手机上就能随心进行编辑开发，便捷无比。