HBuilder手机版 V9.9.1

这里有一款专业的开发工具，专注于为用户提供在移动设备上进行HTML5开发的服务。它功能全面，能满足各种代码编写需求，并且具备智能匹配功能，让编写过程更加便捷高效。不妨体验一下！

HBuilder功能

代码块

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

模糊匹配

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

代码输入法

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

emmet

tab一下生成一串代码

智能补齐

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

HBuilder使用教学：

Hbuilder创建项目

首先，访问Hbuilder的官方网站获取正式版本，完成安装后启动软件。接着，通过菜单栏依次操作：先点击“文件”选项，在展开的菜单中选择“新建项目”，随后在项目类型里勾选“5+”选项。为新项目设置名称后，点击创建按钮，即可生成对应的项目结构。

2vue项目准备

代码配置

从浮木云导出移动端H5代码，对代码进行格式化处理，接着修改vue.config.js文件里的publicPath字段，把它调整为./。之后运行npm i命令来安装所需依赖。

打包

通过npm的build脚本完成项目打包操作后，把生成的dist目录里的全部文件进行复制。

得到文件

把复制好的文件放到之前用Hbuilder搭建的项目文件夹里，替换掉里面原有的全部文件。

3打包配置

基础配置

在Hbuilder所创建的项目文件列表里，找到并点击manifest.json这个配置文件。

图标配置

为Android、iPhone和Pad设备适配不同分辨率规格的图标资源

启动界面配置

无需设置启动页面，采用默认配置即可。若有配置需求，Android端选择自定义启动图，上传三种不同分辨率的图片即可；iOS端则需选择自定义storyboard启动界面。

权限配置

依据实际业务场景的不同要求，对各类权限进行相应设置，常见的配置示例可参考图示内容。

HBuilder特色

强悍的转到定义和一键搜索

emmet：return一下生成一串代码

可编程代码块：一个代码块，少敲50个按键

边改边看：一边写代码，一边看效果

代码输入法：按下数字快速选择候选项

全方位提示：除了语法，还可提示ID、Class、图片、链接、字体等内容。

系统具备广泛的语言兼容性，涵盖PHP、JSP、Ruby、Python、Node.js等主流Web开发语言，同时也支持Less、CoffeeScript等需要编译处理的语言类型。

这里还有最全的语法库、最全的语法浏览器兼容库

HBuilder亮点

有一款专为移动设备打造的专业HTML开发应用，它功能实用，能满足开发者在手机端进行网页开发的需求。

用户可以使用该软件随时进行HTML编辑

通过完整的语法提示和代码输入法、代码块等

大幅提升HTML、js、css的开发效率。代码输入法：按下一个数字键，就能少敲10个按键

HBuilder小编点评

HBuilder这款软件功能十分强大，在手机上就能轻松进行编辑开发，操作起来超级方便。