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

This article will explain in detail what the editors commonly used in web front-end development are, and the content of the article is of high quality, so the editor will share it with you for reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

If you want to do a good job, you must first sharpen its tools, and when every front-end engineer is doing front-end development, he must have several editors that he or she can use easily. And an easy-to-use and suitable front-end development editor will often achieve half the result with twice the effort. Here are some editors recommended by the editor. They are HBuilder, WebStorm, Sublime Text, Visual Studio Code and wampServer.

1 、 HBuilder

Introduction: HBuilder is a development tool designed for front-end development, with the characteristics of flying coding, the most complete grammar library and browser compatible data, convenient production of mobile phone APP, the most eye-protecting green design and so on. Support the rapid development of HTML, CSS, JS and PHP. Since the opening of registration, it has been deeply loved by the front-end friends.

Advantages:

Because it is a domestic software, the Chinese interface is easier to use quickly. HBuilder has complete help documents, such as shortcut key lists, which can quickly call up queries.

The coding speed is very fast. It has complete syntax hints and code input methods, code blocks, as well as browser compatibility tips, which greatly improve the development efficiency of HTML, js and css. Embedded syntax prompt libraries of common frameworks such as emmet, jquery, bootstrap, angular, mui, etc. Support for precompilers such as less,sass. Through the shortcut key (alt+ click) to easily find the js method name, ID, CSS class name and link source (definition), support cross-file search. HBuilder JSDoc+ specification. Writing JSDoc helps to improve the readability of code and generates API manuals (mainly frameworks).

Powerful function of reading and writing while reading. Press Ctrl P to enter the view while watching, save on the left and refresh on the right. Support analog mobile phone to facilitate UI debugging. Science protects the eyes. The soft green theme is characterized by softness, low contrast, visible bright light and enhanced green feeling. Writing code for such an interface for a day is much more comfortable than looking at an interface that is too bright or too dark.

Disadvantages:

With more functions than a text editor, execution will naturally be relatively slow. The sliding of the editor scroll bar has a card card, which is slightly painful.

I prefer to eat memory. HBuilder also comes with a browser that can debug the console. Ide+ browsers are all here, and there must be a lot of memory. It consumes more resources, but HBuilder ensures the smooth use of mainstream computers.

2 、 WebStorm

Introduction: WebStorm is a JavaScript development tool of jetbrains company. At present, it has been praised by the majority of Chinese JS developers as "Web front-end development artifact", "the most powerful HTML5 editor", "the most intelligent JavaScript IDE" and so on. It is homologous with IntelliJ IDEA and inherits the functions of IntelliJ IDEA's powerful JS part.

Advantages:

It is easy to learn, and beginners can get started quickly. There is no need to talk about plug-in installation and configuration. Getting started directly is the king.

The built-in function is powerful. As a real front-end development ide, it integrates rich functions and basically does not need to install plug-ins. Code positioning ability. With one click of the mouse, you can easily locate the definition of variables / properties / methods, and the development is very useful.

The ability to associate code with files. Whether you change the file name or the variable name (or delete it), ws synchronizes the changes to where they are used and pops up a friendly warning. Comes with git version control, syntax hints, nodeJS debugging and other functions, command line functions, support for a variety of code detection functions, support for a variety of code templates

Strong ability to listen to documents. It is easy to realize automatic compilation of less, sass, coffescript, etc. Built-in server function. Without having to configure a complicated background environment, you can simply test some pages that require the cooperation of the server. Local version control. All editors in WS are stored locally and can be restored to the historical version at any time (life-saving at critical times).

Disadvantages:

Eat memory. If the project or file is relatively large, a variety of conditions may occur when the ws is running for a long time, and stutters and even stutters may occur, but the probability is not high. If you open multiple projects with ws, the memory footprint will increase significantly. In spite of this, it has never caused any damage, just a reboot at best.

3 、 Sublime Text

Summary: it is a cross-platform text editor that supports Python-based plug-ins and is developed by Jon Skinner. Although Sublime was born early, it still has a large number of users. And Sublime Text will come in handy when current developers need to switch frequently between N projects.

Advantages:

It looks beautiful not only across platforms, but also on all platforms. It's smooth, responsive, and eye-catching. Support for multi-cursor operation: it allows you to make changes to multiple places in the text at the same time, and you can see multiple places changing at the same time as you type. It is convenient to use when refactoring, such as changing a variable name

It is scalable and uses a Python-style plug-in system. This is obviously a large and active community that can provide it with a wealth of plug-ins, which means you can find any plug-in you want online to integrate the features you want.

Cons: it is often found that manually installed plug-ins automatically disappear because Sublime Text is automatically removed.

4 、 Visual Studio Code

Introduction: Visual Studio Code Chinese version is a code editor with GUI launched by Microsoft, the software function is very powerful, the interface is simple and clear, the operation is convenient and quick, and the design is very humanized. The software mainly improves the document view, improves the support for Markdown, and adds PHP syntax highlighting.

5 、 wampServer

Introduction: WampServer is the Windos Apache Mysql PHP integrated installation environment, that is, the server software of apache, php and mysql under window. PHP extension, Apache module, turn on / off mouse click to do, no longer have to modify the configuration file, WAMP it will do. You don't have to ask around about the installation of php anymore. WAMP has taken care of everything.

On the web front-end development of commonly used editors are shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

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.