Hbuilder: The fastest web development IDE

Hbuilder: The fastest web development idehttp://www.csdn.net/article/2014-02-07/2818326-hbuilder-the-fastest-web-ide published in2014-02-11 10:38| 26,194 Reads | source csdn| Comments | Author csdn Mobile Front-end Development Hbuilder Digital Paradise Wang Web development html5dcloud Summary:Hbuilder is a web development IDE that supports HTML5 in Dcloud. Fast, is Hbuilder's biggest advantage, through the complete grammar hints and the code input method, the code block and so on, greatly enhances the HTML, JS, the CSS development efficiency. It also includes the most comprehensive syntax library and browser compatibility data.

The IDE, which is programmed from FrontPage, Dreamweaver, UE, to sublime text and JetBrains Webstorm,web, has been replaced by several batches. Hbuilder is Dcloud (digital Paradise) to launch a Web development IDE that supports HTML5. "Fast, is Hbuilder's biggest advantage, through the complete grammar hints and the code input method, the code block and many matching, the hbuilder can greatly enhance the HTML, JS, the CSS development efficiency." "When asked about Hbuilder's strengths, Dcloud CEO Wang said.

Hbuilder

A Hello Hbuilder project has been provisioned in Hbuilder, and the user knocks over the dozens of lines of code and discovers that Hbuilder is 5 times times faster than any other development tool. "The most comprehensive browser compatibility data, the development of mobile apps and many other features are also hbuilder stronger than the place to compete," Wang said.

With "Fast" as the core, Hbuilder introduces the concept of "shortcut key Syntax", which cleverly solves the problem of too many shortcuts to the developers. Developers can quickly implement jumps, escapes, and other operations by remembering only a few grammars. For example alt+[is jump to parentheses, Alt + ' is jump to quotation marks, ALT + the letter is a jump menu item, and ALT + Left is the jump to the last cursor position. And CTRL is a variety of operations, such as Ctrl+d is to delete a row. Shift is escaped, such as shift+ carriage return is the <br/>,shift+ space is &nbsp;.

In addition, Hbuilder's ecosystem is probably the richest web IDE ecosystem, because it is compatible with both Eclipse plug-ins and ruby bundles. SVN, Git, FTP, PHP, less and many other technologies have eclipse plugins.

Hbuilder is written in Java, C, Web, and Ruby. The Hbuilder itself is written by Java and is based on eclipse, so it is naturally compatible with Eclipse's plug-ins. But because Java is inefficient, it writes the initiator in C. Hbuilder Soft Green interface design needs to dynamically adjust the brightness of the screen, it also supports the phone data cable true computer-linked, and these are written in C.

Hbuilder a lot of interface, such as user information interface is to use web technology to do, both beautiful and fast development. Finally, code blocks, shortcut configuration command scripts, are all developed in Ruby.

"Each of these 4 technologies has its own use, and our team is also flexible, and the Hbuilder architecture supports different technologies to integrate communications. As for our technology selection principles, first meet the needs of users, and then we use what technology within the faster to complete the choice of what technology, Wang explained.

The biggest problem: JS parsing

Hbuilder The first version was released to now, Dcloud has released more than 20 versions at the rate of Monday per release. Major updates include support for edge-viewing, plug-in installation, app packaging platform open, and code block customization open. "But the main job is to make the most of the highlights, from the first release, we can increase the efficiency of web development, up to now 5 times times the increase," Wang said.

Dcloud has encountered a number of challenges in developing the hbuilder, such as the creation of Web grammar libraries and browser-compatible libraries, from the official standards and recommendations of the website's HTML, JavaScript, and CSS, to the browser-supported parts of ECMAScript. There are big browser extension syntax, Webkit, Moz, Ms HTML, JS, CSS, want to set up these grammars, not only the problem of workload. The fact that each version of the syntax works on each of the browsers is a challenge that has not been overcome by previous generations. Fortunately, this conundrum has now been resolved.

"At present, we have the biggest problem or JS parsing," Wang said frankly.

At present, other development tools can not effectively identify the code in the JS object, or no hint, either full hint, or even some random prompt user input words. and Dcloud in the identification of user-written JS is a great effort, such as var e = document.getElementById ("E"), E may be a div may be input, then E set the property, you need to accurately identify what E is, To give an effective and accurate hint.

"We've overcome a lot of challenges, even if it's a complicated notation Document.queryselector (" Div:not (#a1) Class1 "), Hbuilder knows exactly what this object is."

Of course, precision recognition to achieve the ultimate, will inevitably bring a worry, is the performance degradation. When a user strikes the code quickly, the delay prompt cannot be accepted, which means that complex recognition operations are done in milliseconds, which is a very big challenge. This requires constant optimization of algorithms and even refactoring. "At the moment we are still on the road, but we believe we will overcome this challenge, when developers will get quick and accurate hints, and we also cast insurmountable barriers to competing products," Wang said.

Current pattern of web development field

The current mainstream front-end development tools include sublime-represented text editors, as well as Webstorm, Brackets, Dreamweaver, VS, and other Ides. But said that for HTML5 design or do a special optimization, only Hbuilder, webstorm and brackets. From the user base and the pros and cons perspective, the mainstream development tools summarize the following table (collect only a small number of developers, such as more views on the tool, welcome comments):

The text editor has been popular with many users for its brisk and convenient features, but it is inefficient to write a business project without an IDE. The most important feature of the IDE compared to a text editor is that it has a grammar engine that recognizes languages.

Mobilehub:hbuilder Home

Hbuilder Apply for trial address

(Zebian/Wangfangqing)

Hbuilder: The fastest web development IDE