Shulou(Shulou.com)06/01 Report--

This article focuses on "what are the five web front-end editors commonly used by programmers". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn what are the five web front-end editors commonly used by programmers.

Sublime

Regular appearance, you can define a variety of appearance details through the configuration file.

There are many ways of layout, and it is enough for daily use.

Sublime has more than N plug-ins, only you can not imagine, it is estimated that no one can do it! What a lack of confidence!

Most of the friends around me are using the editor!

Atom

The default dark background, the style is all set by CSS, it is very easy to modify the theme, and there are very rich themes available for download.

Can be very free to combine sub-windows, simply free terrible.

Atom plug-ins are all based on JS, and as of September 5, 2016, ATOM has a total of 4819 plug-ins.

So almost all the plug-ins you can need are found in Atom.

Plug-in development is based on JS, but Atom's entire editor is based on JS.

Brackets

There are two themes by default, and new themes can be expanded by installing the theme package. The plug-in store for testing brackets is not very useful. To install the plug-in, you can find a link to the installation package .zip through the plug-in store on the web page, and then install it through the link.

Layout only supports left and right or up and down.

But the editor has a very unnatural feature (although other editors can also be achieved through plug-ins), you can click to open a browser window to synchronously preview the rendering effect of the edited web page, and changes to HTML and CSS can be displayed instantly without refresh.

Another anti-sky feature is to modify the CSS directly in the location of the HTML code, and you can also select the edit color directly in the CSS code snippet.

Brackets plug-ins need to be installed on the Internet, and the official plug-in store has 1246 plug-ins. (this number includes topic packages, code chips, etc.) is not very rich, but there are common plug-ins such as code formatting, less compilation, git synchronization and so on.

Brackets plug-ins are also based on js development, but there are few documentation tutorials related to plug-in development.

Hbuilder

Similar to the eclipse interface, the function is also large and comprehensive. Focus on the "green soft" theme, in order to promote is also very hard.

There are a wealth of configuration options, which is what distinguishes Hbuilder as an IDE from several other editors.

At the same time, the mode of changing while watching is supported.

Hbuilder is more powerful is that it is very convenient to do mobile development, or even directly package hybrid applications.

Hbuilder is based on eclipse, so it also uses the eclipse plug-in. In the plug-in menu, Hbuilder recommends some common plug-ins, which basically cover all kinds of functions needed by the front-end development.

VS Code

With debug module and git module, the layout and color matching are also very comfortable.

The debug module can add breakpoints to debug nodejs code, which makes it much easier to develop backends or write task scripts.

The git panel shows a very friendly code comparison, which can be directly modified and submitted.

At this point, I believe you have a deeper understanding of "what are the five web front-end editors commonly used by programmers?" you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.