HBuilder编辑器

hbuilder中文版是一款dcloud推出的支持网页开发的ide而且速度很快，插件非常强大，支持大部分的语言状态，你可以输入完整的代码，提升自己的开发速度，非常给力，大厂的出品果然好！！！需要的朋友来下载试用使用吧！！

hbuilder官网简介

hbuilder是dcloud（数字天堂）推出的一款支持html5的web开发ide。hbuilder的编写用到了java、c、web和ruby。hbuilder本身主体是由java编写，它基于eclipse，所以顺其自然地兼容了eclipse的插件。快，是hbuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升html、js、css的开发效率。

hbuilder使用教程

q:什么叫滚动条信息点？

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

q:怎么实现代码追踪？

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

q:为什么有时候我输入代码块的名称，却没有出现想要的代码块？

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

q:输入small不提示，语法库是不是不全？

a:代码块是否提示，取决于是否设置了这个代码块，代码块是可自定义的。默认没有预置small代码块，你也可以在代码块弹出界面点右下角的编辑图标，进行代码块的补充修改。另外可以使用emmet（zencoding）语法，这个没有提示，但敲完small，按tab，就会自动生成标签。emmet是一种前端公开技术，网上教程很多。

q:编辑器怎么实现分栏？

a:hbuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。

1、左右分栏实现：鼠标点着编辑器选项卡往最右边拖动即可实现左右分栏

2、上下分栏实现：鼠标点着编辑器选项卡往最下边拖动即可实现上下分栏

3、组合分栏实现：组合分栏就是即有的文件向下拖动，有的文件向右拖动，下面给出一个效果图，感兴趣的话您可以拖个试试：

hbuilder官方特色

1、飞一样的编码速度：

代码输入法：一个数字键，少敲10个按键；

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

模糊匹配：跳着敲字母就能匹配到单词；

内置emmet，tab一下生成一串代码；

智能补齐：感知你的意图，自动完成输入；

跳转助手、选择助手，不用鼠标，手不离键盘；……才比别的工具快5倍？对极客而言，追求快，没有止境！

2、手机app开发：

用html5却不做手机app？那html4就够用了；

用hbuilder直接创建移动app，连上数据线真机联调，打包为ios或android原生安装包。

html5能力不够？二维码、语音输入、摄像头、位置、陀螺仪…十几万原生能力随意调用！

html5性能不行？原生窗体绘制增强用户体验！

3、震撼的语法提示：

html5语法、html5+语法、三大浏览器扩展语法，尽收hbuilder中。

每个浏览器发布新版后，一周内，其新增语法就收录入hbuilder。

哦，怎么能忘记js框架，这里有强大到令你震惊的jquery语法提示！

每个语法在哪个浏览器、哪个版本上是否可运行，这里都有。

没有比这里更全的语法库，也没有比这里更全的浏览器兼容性数据库。

4、保护视力的界面

每天盯着屏幕写代码，程序员的健康非常重要，

为此我们用心设计了hbuilder的视觉主题方案--绿柔。

绿柔不是简单的配色，她不追求酷炫，而追求：

舒适、护眼、和身心健康。

绿柔结合了色彩生理学和色彩心理学，参考了电子书的设计，并根据用户显示器的发光特点，智能调配而成。