Hbuilder: A nice web front end IDE (Code Editor)

Web front-end development, after 2000 is basically the Three Musketeers of the world. Now DW is also a good htmlcoder, now the front-end development is already JS world. But DW for JS side of the weak explosion. Although DW supports JS syntax highlighting also supports jquery Jquerymobile even supports PhoneGap. But for JS support to some extent, syntax highlighting, syntax hints only that. What do we need?

1. Highly-matched syntax hints, such as what space I have defined, grammar hints can at least automatically prompt for the control's ID, the control's corresponding method function, and the syntax hints of the custom function.

2.JS and HTML outline navigation

Definition and traceability of 3.JS function variables

4.JS compatibility processing

5.JS Commissioning

What is Hbuilder?

This IDE is an eclipse-based, dedicated web front-end design code Editor. It is a kind of phonegap-based HTML5+CSS+JS light application solution, which is a ide,html5+ of the domestic html5+ project. Android, iOS, mobile web apps are also available. and open source. At present, this kind of project is still relatively rich, in general, this kind of program is good, for some simple applications, especially small and medium-sized enterprises to release their own apps to reduce the threshold, reduce costs and improve efficiency. I am personally optimistic about this kind of technology. Hbuilder is the IDE used to build htm5+-based Web light applications, and since it's a Web application, naturally the HTML5\CSS\JS support is high enough. Then the hbuilder can be used for web front-end development.

What did Hbuilder solve? 1.JS and HTML outline navigation

This is one of my. NET projects, front-end there are some jquery mobile HTML page, with Hbuilder encoding, code outline function is very useful, DW face this completely a sense of powerlessness ah. An HTML page contains some post-processing of the JS code is normal, if the DW in the Code view dragging the scrollbar to locate the line number, it is absolutely a hard work. HB helped me at least solve the problem of code navigation! Of course it's not good enough because it can't locate some of the JQ's event declarations.

2. Sufficient syntax hints

You can fully implement your own defined control ID hints, and also be able to implement your own stated function hints. This is enough, the end of the DW can only prompt the simple JS common functions!

3. Definition of traceability

In fact, this is also a solution to the navigation problem, but this feature is very common. And you can use Eclipse's shortcut keys. Ctrl+alt+d. And the words I choose, the same words will be highlighted.

Conclusion

Although Hbuilder does not solve all the JS development problems, such as the debugging of JS syntax, but at least we have alternative solutions, using the browser's developer mode or Firebug, and we do this when there is no HB. For an IDE that does not have debugging capabilities should be a functional missing IDE, but it does not prevent me as my web front-end Code main tool, DW do UI,HB do js,vs debug dynamic code. I have been very happy.

Hbuilder: A nice web front end IDE (Code Editor)