HBuilder手机版 9.9.1

HBuilder是一款超级专业的主要为用户提供在手机端进行HTML5开发的工具类APP，软件内置海量丰富的功能，支持输入代码满足各种撰写需求，且自带模糊匹配可以快速匹配，编写超级方便，快来下载试试看哦！

HBuilder功能

1、代码块

一个代码块，少敲50个按键

2、模糊匹配

跳着敲字母就能匹配到单词

3、代码输入法

一个数字键，少敲10个按键

4、内置emmet

tab一下生成一串代码

5、智能补齐

感知你的意图，自动完成输入

HBuilder使用教学：

1、Hbuilder创建项目

首先，在官方网站下载Hbuilder正式版并安装打开，依次选择“文件——新建项目——选择5+APP”，给项目命名，点击创建，得到项目结构如下：

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个按键

HBuilderAPP小编点评

HBuilder软件功能强大，掌上随意编辑开发超级方便。