HBuilder: the fastest Web development IDE

Here, we will introduce Hbuilder, a web development tool that people think is best to use.

HBuilder is a Web development IDE launched by DCloud that supports HTML5. Quick, is the biggest advantage of HBuilder. Through complete syntax prompts, code input methods, code blocks, etc., the development efficiency of HTML, js, and css is greatly improved. It also includes the most comprehensive syntax library and browser compatibility data.

From Frontpage, Dreamweaver, UE, To Sublime Text and JetBrains WebStorm, the Web programming IDE has replaced several batches. HBuilder is a Web development IDE that supports HTML5 launched by DCloud (Digital heaven. "Quick, is the biggest advantage of HBuilder. Through complete syntax prompts and code input methods, code blocks, and many supporting items, HBuilder can greatly improve the development efficiency of HTML, js, and css ." When asked about the advantages of HBuilder, Wang An, CEO of DCloud, said.

A hello HBuilder project is preset in HBuilder. After dozens of lines of code are written, you can find that HBuilder is at least five times faster than other development tools. "The most comprehensive browser compatibility data, mobile App development, and many other features are also areas where HBuilder is better than competing products," said Wang.

HBuilder with "fast" as its core introduces the concept of "shortcut key Syntax", which cleverly solves the problem that many developers cannot remember too many shortcut keys. Developers only need to remember a few syntaxes to quickly achieve jump, conversion and other operations. For example, alt + [jump to brackets, alt + 'is to jump to quotation marks, alt + letters is to jump to menu items, and alt + left is to jump to the last cursor position. Ctrl is a variety of operations, such as ctrl + d is to delete a row. Shift is an escape, for example, shift + press enter is <br/>, shift + space is & nbsp ;.

In addition, HBuilder's ecosystem may be the most abundant Web IDE ecosystem because it is compatible with both Eclipse plug-ins and Ruby Bundle. Various technologies such as SVN, git, ftp, PHP, and less all have Eclipse plug-ins.

HBuilder is written in Java, C, Web, and Ruby. HBuilder is mainly written in Java. It is based on Eclipse, so it is naturally compatible with Eclipse plug-ins. However, because Java is too inefficient, C is used to write the starter. HBuilder's soft green interface design requires dynamic screen brightness adjustment. It also supports real-machine joint debugging of mobile phone data lines, which are all written in C.

HBuilder has many interfaces. For example, user information interfaces are made using Web technologies, which are both beautiful and fast to develop. Finally, code blocks and quick configuration command scripts are all developed using Ruby.

"These four technologies have their own purposes, and our team also uses them flexibly. The HBuilder architecture supports the integration and communication of different technologies. As for our technical selection principles, we should first meet user needs, and then choose what technology we use internally can be completed more quickly, "Wang An explained.

The biggest problem: js Parsing

The first version of HBuilder has been released to the present. DCloud has released more than 20 versions every Monday. Major updates include support for viewing and modifying, plug-in installation, App Packaging Platform opening, and custom opening of code blocks. "However, the most important work is to make the best of the highlights. From the first release, we can increase the web development efficiency by doubled, and now we can increase the efficiency by 5 times," said Wang.

DCloud has encountered many difficulties in developing HBuilder, such as the establishment of a web syntax library and a browser compatible library, from W3C official HTML, JavaScript, and CSS standards and recommendation standards, to the part supported by ECMAScript browsers, there are also extended syntaxes of various browsers, such as HTML, JS, and CSS of Webkit, moz, and ms. To integrate these syntaxes is not just a matter of workload. And whether each syntax can run on each version of each browser makes it a challenge for our predecessors to get this data. Fortunately, this problem has been solved.

"The biggest problem that has plagued us today is js parsing," said Wang.

Currently, other development tools cannot effectively identify js objects in the Code, without prompts or prompts, or even prompts the words you have entered at will. DCloud has made great efforts in identifying user-written js, such as var e = document. getElementById ("e") and e may be a div or input. Therefore, when setting attributes, e needs to accurately identify what e is, in order to provide effective and accurate prompts.

"We have overcome a lot of challenges. Even if it is complicated to write document. querySelector (" div: not (# a1). class1 "), HBuilder knows what this object is ".

Of course, the ultimate in accurate identification will inevitably bring about an annoyance, that is, performance decline. The latency prompt cannot be received when the user clicks the code quickly. That is to say, complicated recognition operations must be completed in milliseconds, which is a great challenge. Therefore, we need to constantly optimize algorithms and even reconstruct them. "At present, we are still on the road, but we believe that this challenge will be overcome, and developers will receive fast and accurate prompts, we have also created insurmountable barriers to competing products, "said Wang.

Current Web development landscape

Currently, mainstream front-end development tools include text editors represented by Sublime, and IDE such as Webstorm, Brackets, Dreamweaver, and. However, only HBuilder, Webstorm, and Brackets are designed or optimized for HTML5. From the perspective of user base and advantages and disadvantages, the mainstream development tools are summarized as follows (only a small number of developers' opinions are collected. For example, if you have more opinions on the tools, please comment on them ):

The text editor is favored by many users with ease and convenience, but it is inefficient to write commercial projects without IDE. Compared with text editors, IDE has a syntax engine that can recognize languages.

HBuilder Free Download