jquery在项目里是干啥的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的⼤纲导航
这是我的⼀个项⽬，前端有⼀些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调试动态代码。我已经很幸福了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。