HBuilder：最快的Web开发IDE

这里给你们介绍一个我的以为最好用的web开发工具：Hbuilder。

HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优点，经过完整的语法提示和代码输入法、代码块等，大幅提高HTML、js、css的开发效率。同一时候，它还包含最全面的语法库和浏览器兼容性数据。

从Frontpage、Dreamweaver、UE，到Sublime Text和JetBrains的WebStorm，Web编程的IDE已经更换了几批。HBuilder是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优点，经过完整的语法提示和代码输入法、代码块及很是多配套，HBuilder能大幅提高HTML、js、css的开发效率。”问到HBuilder的优点时，DCloud CEO王安表示。

在HBuilder里预置了一个hello HBuilder的project，用户敲这几十行代码后会发现，HBuilder比其它开发工具至少快5倍。“最全的浏览器兼容性数据、开发手机App等很是多特色也都是HBuilder强于竞品的地方”，王安表示。

以“快”为核心的HBuilder，引入了“快捷键语法”的概念，巧妙地攻克了困扰不少开发人员的快捷键过多而记不住的问题。开发人员仅仅需要记住几条语法，就可以高速实现跳转、转义和其它操做。比方alt+[是跳转到括号，alt+’是跳转到引號，alt+字母是跳转菜单项，而alt+左则是跳转到上一次光标位置。而Ctrl则是各类操做，比方ctrl+d就是删除一行。shift则是转义，比方shift+回车是<br/>，shift+空格是&nbsp;。

另外，HBuilder的生态系统多是最丰富的Web IDE生态系统，因为它同一时候兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各类技术都有Eclipse插件。

HBuilder的编写用到了Java、C、Web和Ruby。HBuilder自己主体是由Java编写，它基于Eclipse，因此顺其天然地兼容了Eclipse的插件。但因为Java效率过低，因此用C写了启动器。HBuilder柔和的绿色界面设计需要动态调节屏幕亮度，它还支持手机数据线真机联调，而这些都是用C写的。

HBuilder很是多界面，比方用户信息界面都是使用Web技术来作的，既美丽，开发起来又快。最后，代码块、快捷配置命令脚本，都是用Ruby开发的。

“这4种技术各有各的用途，咱们团队内部也灵活运用，HBuilder的架构支持不一样的技术互相融合通讯。至于咱们的技术选型原则，首先知足用户需求，而后咱们内部用什么技术能更快完毕就会选什么技术”，王安解释道。

最大的难题：js解析

HBuilder第一个版本号公布到现在，DCloud以每周一版的速度已经公布了20多个版本号。主要更新包含支持边看边改、插件安装、App打包平台开放、代码块本身定义开放。“但是最基本的工做仍是在努力把亮点作到极致，从第一个版本号公布，咱们能提高一倍的web开发效率，到现在可以提高5倍”王安说道。

DCloud在开发HBuilder的过程当中遇到了很多难题，比方 web语法库和浏览器兼容库的创建，从W3C的HTML、JavaScript、CSS的正式标准和推荐标准，到ECMAScript中浏览器支持的部分，还有各大浏览器的扩展语法，Webkit、moz、ms的HTML、JS、CSS， 想集齐这些语法，不不过工做量的问题。而每个语法在每个浏览器的每个版本号上可否执行，获得这个数据也是前人未能突破的挑战。还好这个难题眼下已经被解决。

“当前困扰咱们最大的难题仍是js解析”王安坦言道。

眼下其它开发工具都不能有效的识别代码里的js对象，要不没有提示，要不全提示，甚至有的任意提示用户输入过的词。而DCloud在识别用户写的js方面下了很是大的功夫，比方var e = document.getElementById("e")，e也许是一个div也多是input，那么e设置属性时，就需要准确识别e到底是什么，才干给出有效精准的提示。

“咱们已经克服了很是多挑战，即便很是复杂的写法document.querySelector("div:not(#a1) .class1")，HBuilder也知道这个对象到底是什么”。

固然把精准识别作到极致，一定带来一个烦恼，就是性能降低。当用户高速写程序时，没法接受延迟提示，也就是说，复杂的识别运算要在毫秒级完毕，这样的挑战很大。为此需要不停的优化算法甚至重构。“眼下咱们还在路上艰难前行，但咱们相信终究会克服这个挑战，届时开发人员们将获得又快又准的提示，而咱们也给竞品铸造了难以超越的壁垒”，王安表示。

眼下Web开发领域格局

眼下主流的前端开发工具备Sublime为表明的文本编辑器，以及Webstorm、Brackets、Dreamweaver、vs等IDE。但说道为HTML5设计或作了特殊优化的，仅仅有HBuilder、Webstorm和Brackets。从用户群和优缺点角度，主流的开发工具总结例如如下表（仅收集小部分开发人员的意见，如对工具备不少其它见解，欢迎评论）：

文本编辑器以轻快方便的特色得到了很是多用户的喜好，但商业项目的编写缺乏IDE仍是会很是低效。IDE相比文本编辑器最大的特色是拥有语法引擎，能够识别语言。

HBuilder免费下载