HBuilder开发工具电脑版

HBuilder是一款适合编程人员使用的编程工具。hbuilder通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。采用模块化的输入，大大减少了代码输入所需要的工作量，让你更快速的完成工作。软件中还有众多的好用的功能，赶快来体验吧。

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是一种前端公开技术，网上教程很多。

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

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

更新说明

1、边改边看浏览器支持预览Markdown文件

2、解决Ctrl+点击选择相同词失效的问题

3、新增工程文件引用关系管理(原流应用配置文件appstream.json废弃，内容自动合并至manifest的dependencies节点下，请在manifest.json可视化界面操作，维护好工程文件关系就可发布流应用)

4、浏览器运行支持winlO的edge浏览器

5、解决manifest编辑器若干bug

6、添加在外部服务器配置是否在url中包含项目名称的功能(工具一选项

7、HBuilder-web浏览器-外置web服务器中新建或编辑时设置)