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調試動態代碼。我已經很幸福了。
