HBuilder：一個不錯的web前端IDE(代碼編輯器)

Web前端開發，2000以後基本就是三劍客的天下。到如今DW也是不錯的HTMLcoder，現在的前端開發早已經是JS的天下。可是DW對於JS方面就弱爆了。DW雖然支持JS語法高亮也支持JQuery JqueryMobile 甚至還支持Phonegap。可是對於JS的支持到了有的程度而已，語法高亮、語法提示僅此而已了。咱們須要的是什麼呢？

1.高度匹配的語法提示，例如我定義了哪些空間，語法提示至少能夠自動提示控件的ID，控件對應的方法函數，自定義函數的語法提示。

2.JS與HTML的大綱導航

3.JS函數變量的定義追溯

4.JS兼容性處理

5.JS調試

HBuilder是什麼？

這個IDE是基於eclipse的專門用於Web前端設計代碼編輯器。是過國產HTML5+項目的配套IDE，HTML5+是一個相似PhoneGap的基於Html5+CSS+JS的輕應用解決方案。同時提供android、ios、移動Web應用。並且開源。國內目前這類項目仍是比較豐富的，總的來講這類方案還不錯，對於一些簡單的應用特別是中小型企業發佈本身的APP下降了門檻，減小了成本，提升了效率。我我的對這類技術持看好的態度。HBuilder就是用來構建基於HTM5+的Web輕應用的IDE，既然是Web應用，天然對HTML5\CSS\JS支持要足夠高了。那麼理所固然的HBuilder能夠用來進行Web的前端開發。

HBuilder解決了什麼？

1.JS與HTML的大綱導航

這是個人一個.net項目，前端有一些jquery mobile 的HTML頁面，用HBuilder進行編碼的時候，代碼大綱功能很是好用，DW面對這個徹底一臉的無力感啊。一個html頁面裏面同時包含一些後期處理的js代碼正常不過了，若是DW那種在代碼視圖拖着滾動條定位行號，絕對是個苦逼的工做。HB幫我至少解決了代碼導航的問題！固然它不夠好的地方在於它不能定位jq的一些事件申明。

2.語法提示夠用

徹底能夠實現本身定義的控件ID提示，也徹底可以實現本身申明的函數的提示。這已經足夠，完爆DW只能提示簡單的JS經常使用函數！

3.定義追溯

其實這個也是解決的導航的問題，可是這個功能很經常使用。並且能夠用eclipse的快捷鍵。ctrl+alt+d .並且我選擇的詞彙，一樣的詞彙都會高亮出來。

結語

雖然Hbuilder並無解決全部的JS開發中問題，例如JS語法的調試，可是好歹咱們有替代解決的辦法，使用瀏覽器的開發者模式或者FireBug，並且在沒有HB的時候咱們也是這麼幹的。對於一個IDE沒有調試功能應該算是功能缺失的IDE，可是它不妨礙我將其做爲我web前端code主力工具，DW作UI，HB作JS，VS調試動態代碼。我已經很幸福了。