Web前端開發(fā)，2000之后基本就是三劍客的天下。到現(xiàn)在DW也是不錯的HTMLcoder，如今的前端開發(fā)早已是JS的天下。但是DW對于JS方面就弱爆了。DW雖然支持JS語法高亮也支持JQuery JqueryMobile 甚至還支持Phonegap。但是對于JS的支持到了有的程度而已，語法高亮、語法提示僅此而已了。我們需要的是什么呢？

1.高度匹配的語法提示，例如我定義了哪些空間，語法提示至少可以自動提示控件的ID，控件對應(yīng)的方法函數(shù)，自定義函數(shù)的語法提示。

2.JS與HTML的大綱導(dǎo)航

3.JS函數(shù)變量的定義追溯

4.JS兼容性處理

5.JS調(diào)試

HBuilder是什么？

這個IDE是基于eclipse的專門用于Web前端設(shè)計代碼編輯器。是過國產(chǎn)HTML5+項目的配套IDE，HTML5+是一個類似PhoneGap的基于Html5+CSS+JS的輕應(yīng)用解決方案。同時提供android、ios、移動Web應(yīng)用。而且開源。國內(nèi)目前這類項目還是比較豐富的，總的來說這類方案還不錯，對于一些簡單的應(yīng)用特別是中小型企業(yè)發(fā)布自己的APP降低了門檻，減少了成本，提高了效率。我個人對這類技術(shù)持看好的態(tài)度。HBuilder就是用來構(gòu)建基于HTM5+的Web輕應(yīng)用的IDE，既然是Web應(yīng)用，自然對HTML5\CSS\JS支持要足夠高了。那么理所當(dāng)然的HBuilder可以用來進(jìn)行Web的前端開發(fā)。

HBuilder解決了什么？

1.JS與HTML的大綱導(dǎo)航

這是我的一個.net項目，前端有一些jquery mobile 的HTML頁面，用HBuilder進(jìn)行編碼的時候，代碼大綱功能非常好用，DW面對這個完全一臉的無力感啊。一個html頁面里面同時包含一些后期處理的js代碼正常不過了，如果DW那種在代碼視圖拖著滾動條定位行號，絕對是個苦逼的工作。HB幫我至少解決了代碼導(dǎo)航的問題！當(dāng)然它不夠好的地方在于它不能定位jq的一些事件申明。

2.語法提示夠用

完全可以實現(xiàn)自己定義的控件ID提示，也完全能夠?qū)崿F(xiàn)自己申明的函數(shù)的提示。這已經(jīng)足夠，完爆DW只能提示簡單的JS常用函數(shù)！

3.定義追溯

其實這個也是解決的導(dǎo)航的問題，但是這個功能很常用。而且可以用eclipse的快捷鍵。ctrl+alt+d .而且我選擇的詞匯，同樣的詞匯都會高亮出來。

結(jié)語

雖然Hbuilder并沒有解決所有的JS開發(fā)中問題，例如JS語法的調(diào)試，但是好歹我們有替代解決的辦法，使用瀏覽器的開發(fā)者模式或者FireBug，而且在沒有HB的時候我們也是這么干的。對于一個IDE沒有調(diào)試功能應(yīng)該算是功能缺失的IDE，但是它不妨礙我將其作為我web前端code主力工具，DW做UI，HB做JS，VS調(diào)試動態(tài)代碼。我已經(jīng)很幸福了。