The basic job of a programmer is to code code, so you will spend most of your working time working with code editors. When you decide to learn front-end development, the first thing you need to do is choose the code editor that feels right for you.

A great god

It is said that all gods use text editors, whose basic function is to allow you to write plain text (without automatic formatting). The best example of this is notepad on Windows.

Other code farmers

Visual Studio Code

Visual Studio Code, or VS Code for short, is by far the most used editor. Although it was released by Microsoft in 2015 and is a bit young compared to other popular editors, it has been constantly updated over the past few years and was voted the most popular text editor among Web developers in the latest Stack Overflow survey. VS Code is more than just a basic Code editor. Some say it is more like an IDE than a code editor, as it offers many features normally found only in ides. Key features include built-in debugging tools, smart code prompts, integrated terminals, and easy access to Git (Microsoft just acquired GitHub). As a beginner, you can take advantage of these features to greatly improve your programming efficiency. Customizability is another feature of VS Code that programmers love. It supports thousands of plug-ins and themes that you can install to further enhance its functionality.

Sublime Text

While its JavaScript support is not as out-of-the-box as VS Code, you can extend it by installing plug-ins. It runs very fast and doesn’t take up a lot of memory, which is why so if your computer has less than 4GB of memory, I recommend using it. Beautiful UI, small size, fast speed, configurable, rich plug-in. Sublime is free to download and use, although it costs up to $80 per user license. You’ll just keep getting a pop-up message reminding you to buy a license.

Atom

Launched by GitHub in 2014, Atom was open source and free to use, so it initially received a warm reception from front-end engineers, but it never gained as much popularity as Sublime and has now been overtaken by VS Code. This is not to say that Atom is a bad editor. It is also suitable for beginners and requires no configuration to use. Just like VS Code, it can be extended by installing plug-ins and supports many IDE-like features.

WebStorm

The function is complete, the integration degree is high, almost want to have, charge, do not know to still have crack version now, like us this kind of poor child, did not crack version, really can not afford to use, this kind of cost should not company out.

Brackets

Brackets is an Adbed-led modern open source editor for HTML, CSS and JavaScript development, which itself is built with HTML, CSS and JavaScript. The project currently ranks second only to Github’s son Atom in the Github text editor category with 28,722 stars. It is also an editor that I often use. It can also be extended by installing plug-ins, and supports many functions similar to IDE. I do not know whether it is because it is built by HTML, CSS and JavaScript, the plug-in will be a little slow to start, but I will endure it for free.

Dreamweaver

The Chinese name of “Dream weaver” is needless to say, the old brand is trustworthy and is born with the front end and witnessed the development of the front end, but it seems that there are not many people who use Brackets. One of the companies with Brackets belongs to Adobe, so now I can continue to use Brackets, which is similar to using Nokia