HBuilder开发工具电脑版

HBuilder功能介绍

1.执着于更快一步的理念，hx的左侧项目管理器是单击响应而不是双击。

2.单击展开目录，单击预览文件，双击打开文件。

3.预览文件时顶部标签卡是斜体的，此时继续预览其他文件会替换预览标签卡。双击文件后标签卡为正体，不会被替换。预览的文件一旦开始编辑，也会自动变为正式打开状态。

HBuilder特色说明

1、代码块：一个代码块，少敲20下键盘

图标为codeblock的候选项为代码块。

代码块是常用的代码组合，比如在js中输入$，回车，则可以自动输入document.getElementById(id)。

2、全时提示

HBuilder不仅仅提示全面的语法，非语法的各种候选输入也都能提示。包括图片、链接、颜色、字体、脚本、样式、URI、ID、class、自定义JS对象、方法。

举例，在img src="failure" data-original=后激活代码助手，可以看到本工程所有图片列表;输入

3、Emmet支持

HBuilder内嵌了emmet(即zencoding)插件。输入div#id1，按下tab，可以自动生成。

Emmet的详细语法请查阅其官方网站emmet.io。

HBuilder常见问题

问：什么叫滚动条信息点?

答：当代码中有重要的标记出现时，会生成滚动条信息点，在滚动条右侧出现颜色各异的点。点击这些点或使用跳转到下一个信息点功能，可以快速到达这些代码处。如下标记会生成信息点：书签、任务、错误提示。

问：怎么实现代码追踪?

答：在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方，HBuilder提供了一个非常好用的代码追踪功能，只需要按住Ctrl+鼠标左键即可实现追踪。

问：输入small不提示，语法库是不是不全?

答：代码块是否提示，取决于是否设置了这个代码块，代码块是可自定义的。

默认没有预置small代码块，你也可以在代码块弹出界面点右下角的编辑图标，进行代码块的补充修改。

另外可以使用emmet(ZenCoding)语法，这个没有提示，但敲完small，按tab，就会自动生成标签。emmet是一种前端公开技术，网上教程很多。

问：为什么有时候我输入代码块的名称，却没有出现想要的代码块?

答：代码块的显示名称和激活字符是不同的，查看激活字符请在激活代码助手后选择代码块，看右边信息栏的详情