Category Archives: Dev Tools

What to look for in JavaScript Editors

Strong ES2015+ support

It should offer strong support for latest JavaScript features.

Most editors do so today but keep in mind the larger your editor is, the slower it will typical be to add support for new JavaScript features.

It will also likely to be slower to add support for alternative languages that transpile to JavaScript in future.

Features to look for:

  • Autocompletion
  • Parse ES6 imports
  • Report unused imports
  • Automated refactoring

Many editors now offers build in support for popular frameworks and libraries like Angular, Node, React, etc.

Built in terminal

Tools like WebStorm provides build in terminal. Most of the tools in JavaScript rely on the command line. So it would be good to have it.

Some editors like Atom, allow adding a built-in terminal by installing  a plugin.

Some of the best free editors are:

Atom

Atom is a modern, approachable, and hackable text editor built on top of Electron. It’s designed to be customizable, but also usable without needing to edit a config file.

Download

Brackets

An open source code editor for the web, written in JavaScript, HTML and CSS.

Download

Visual Studio Code

Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux and mac OS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.

Download

Online JavaScript Editors

JS Bin

It allow creating, sharing and editing web client-side including JavaScript, html and css through the community.

jsbin make it easy teamwork development and troubleshooting by making modular working demos of code available for everyone in your team or community.

JSFiddle

JSFiddle is an online Integrated Development Environment (ide) that is hosted in a browser allowing users to create and execute code written in JavaScript, html, and css. It has features enabling users to learn and demonstrate how JavaScript, HTML, and CSS work together, and is often used to provide live examples of problems being encountered.

CodePen

CodePen is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. Very cool platform, and has thousands upon thousands of examples, of how versatile web development can be, and what can be achieved through combining three programming languages.

Rendera

Many new developers and designers underestimate, the amount of time that goes into switching tabs and seeing whether the code works or not. Rendera provides simple functionality so that you can view the results within one single click.