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免費下載