Top Editors/IDE for web programming
Written by Stefan Radosavljevic 15 June 2018

Every web developer has an urge to find the best tool for the purposes of web development. That tool can be text editors, certain frameworks for creating the project and so on. I will focus on text editors and in the following lines, you can see my list of top 5 best editors for web programming:

 

5. >_Brackets

  • Free
  • Debugger – No
  • Autocomplete – No
  • Text Editor

post_editors3 Editors

 

Platform – Windows, Mac, Linux

Brackets is an open-source project made by the Adobe. The entire editor is written in HTML, CSS & JS, so it could easily be edited like an Atom editor. It comes with built-in features sucks as Inline Editors, Live Preview and Preprocessors Support (Less, SASS).

These features are making things easier so this editor is excellent for the beginners. Brackets is also good because it has good community support and also comes with a large number of extensions.

PROS

  1. Live preview in real time
  2. Inline editor
  3. From PSD to CSS turning design into CSS
  4. Customization and Extension through third-party plugins

CONS

  1. It gets slower after the installation of several packages and extensions.
  2. It allows only one project/folder during the programming. 

4. >_Atom

  • Free
  • Debugger – Yes
  • Autocomplete – Yes (plugin)
  • Git Control Version Integration
  • License MIT
  • IDE – features Real-time collaboration (Teletype)
  • Text Editor

post_editors5 Editors

Platform – Windows, Mac, Linux

Personally, I haven’t tested or used this editor, but according to the people who have used and tested it, and by the popularity of this editor, this list simply can not go without mentioning the Atom. It has been made by the Github community 2014 and back then it was characterized as a Sublime Text killer, it was written in web technologies and supported by many packages and extensions which were written in Node.js. Altogether, these features are making one compact unit which every editor should possess.

PROS

  1. Smart and flexible autocomplete.
  2. A lot of packages and setting UI which are providing a lot of possibilities.
  3. Teletype in Atom allows several programmers to work on the same code and on the same computer.
  4. Atom IDE packages are making Atom look and work like a real IDE Atom.

CONS

  1. Atom isn’t a native app and because of that performances are weaker and the lag is noticeable especially during the opening of a big project.
  2. It takes up a lot of RAM memory.
  3. It has a tendency to crash with files bigger than 10mb.

3. >_Sublime Text

  • Paid
  • Debugger – No
  • Autocomplete – Yes
  • Git Control Version Integration
  • Licence Proprietary
  • Supported keybinding styles OSx, Vi, Emacs
  • Text Editor

post_editors4 Editors

Platform – Windows, Mac, Linux

When it first arrived at the big scene in 2008, everyone went nuts about this editor. A software engineer has left his well-paid job in Google in order to create a top-class text editor which had 3 simple principles which are a minimum interface, always keep text in focus, and the whole monitor field is used for text.

This is not only the excellent alternative for IDE but it’s also very light and it completes the job with a high-level of accuracy.

Better than the editor itself is a community which has created plugins for all kinds of users necessities. It supports many IDE features: Project Support, Refactoring support multi-select and project-wide find and replace, it is aware of syntax and its selection, GoTO for a quick jump to the other location in the project, Snippets and macros, Python consoles for everything.

 

PROS

  1. The fastest and most responsive performance of all editors (it is written in C++)
  2. Instant project switch
  3. Command palette (you can search for everything in the editor without using a mouse)
  4. Powerful API and package ecosystem
  5. Customize anything
  6. It can support big projects and works pretty fast with the less utilization of RAM memory, unlike the Atom, Brackets, and VSCode.

CONS

  1. The update is not as often as before.
  2. Even though the download is free, Sublime Text isn’t actually free, you have to pay for a license after a short period of use.

2. >_PHPStorm/WebStorm

  • Paid
  • Debugger – Yes
  • Autocomplete – Yes
  • Git Control Version Integration
  • IDE (integrated development environment)

post_editors1 Editors

Platform – Windows, Mac, Linux

PHP is a serious and a large program with a lot of features which can not be found in editors mentioned here, so we can easily sad that PHP Storm is one really good IDE.

PHP completely understands your code and its structure, it’s excellent in the working with frameworks like Symfony, Laravel, Magento etc. As good for backend technology it is also excellent for the frontend technology where it can perfectly perform refactoring, debugging and testing the code itself. Supports Live Edit, support for remote database / SQL usage, Vagrant, Composer.
PHP Storm = WebStorm + PHP + DB / SQL

PHPStorm has two autocompletion teams: structural and word expansion. Structural is made by the predictions based on understanding PHP, while others try to predict a word that is currently typed based on previously typed words.

PROS

  1. The best autocompletion for JS and PHP /li>
  2. An excellent assistant for frameworks such as angular, react, meteor…
  3. A large number of inspections allows an easy finding of problem or error
  4. Full debugger
  5. Integration for Karma, Mocha, Rest and test Protractor

CONS

  1. It demands a good computer with at least 8gb of RAM memory.
  2. Costs a lot.
  3. You need to get acquainted with the editor

1. >_VisualStudio Code

  • Free
  • Debugger – Yes
  • Autocomplete – Yes
  • Git Control Version Integration
  • License MIT
  • Almost IDE

post2_Editors Editors

Platform – Windows, Mac, Linux

The editor who’s a bit late to become a complete IDE.

Made by Microsoft, which is otherwise an open-source editor. VSCode reminds of Sublime in terms of how fast it is, but it’s more like an IDE than a text editor. JS IntelliSense allows VSCode to provide you with useful tips and automatic ending functions at the time of writing the code. There is also a solid integration of TypeScript in the VSC because it is written in TypeScript itself. As a plugin-free program, it is quite complete, but it also has plenty of plugins to expand its functionality. It also includes troubleshooting tools for Node.js, TypeScript, and JS.

 

PROS

  1. Autocomplete based on variables, functions, and modules
  2. A decent debugger with a breakpoint, call stacks and interactive console
  3. User-definable snippets for code patternsC
  4. Fast and responsive.

CONS

  1. Slow search engine through the files.
  2. Not as powerful as his older brother VS
  3. Weaker update for Linux.
BACK
Tags: , , ,

LEAVE A COMMENT

JOIN THE MAILING LIST