Best IDEs for JavaScript

Review of the best JavaScript IDEs (integrated development environments) 
05 June 2017   6925

JavaScript is a programming language that is suitable for both creating simple scripts and writing full-fledged applications. Both of these tasks can simplify by the integrated development environment: in the first case, a simple text editor will fit, for more serious projects you need a full-fledged IDE.

JavaScript

Lightweight interpreted or JIT-compiled programming language with first-class functions

However, it's not so easy to choose a single IDE, which will be the one of the best JavaScript IDEs. When looking for a suitable program, in addition to functions like syntax highlighting, fast navigation, autocompletion and debugging mode, you need to consider other factors:

  • Price;
  • Supported OS;
  • Support of other programming languages.

We'll figure out what JavaScript IDEs exist and in which cases they will be most useful.

WebStorm

Platforms: Windows, Linux, Mac Os.

Trial version: 30 days trial is available.

Price: Payment is possible only on a rental basis. The IDE will cost $ 5.9 per month or $ 59 per year for individual use, for corporate - $ 12.9 and $ 129. Startups can get a 50% discount, Open Source projects - a free unlimited version.

webstorm interface WebStorm interface

Features:

  • Support of all popular JavaScript platforms, such as Node.js, Electron, Meteor and Angular;
  • Built-in version control system;
  • Written code can be displayed in the browser;
  • Interface customization with feature of icons, fonts and tools replacement;
  • Other languages support can be implement fast due to the ability to purchase appropriate IDE from the same developer.

Video about new features of WebStorm 2016.1

Download link.

Komodo IDE

Platforms: Windows, Linux, Mac OS.

Trial version: 21 days trial is available.

Price: one copy is 295$ or 394$ for full supported version. License for a 5 men team costs 1695$. 50% discount is available for students or freelancers.

komodo interfaceKomodo IDE interface

Features:

  • One solution for  all popular languages: JavaScript, PHP, Ruby, Python, Perl and about a hundred of others;
  • Emulators of Cordova and PhoneGap;
  • All functions of Node.js and it’s web-frameworks are supported;
  • Built-in code debugger for Chrome;
  • Integration tools and version control;

There is also a free text editor with a limited set of functions and JS support - Komodo Edit.

Video about new version of Komodo IDE - X

Download link.

NetBeans

Platforms: Windows, Linux, Mac OS.

Price: freeware.

netbeans interfaceNetbeans interface

Features:

  • All JavaScript libraries are supported;
  • HTML, CSS, PHP, Java, C, C ++ are  included in the IDE already, no  need to install  additional plug-ins;
  • Debugging and profiling tools allow to track real-time factors that affect application performance;
  • High customization level. The IDE can be expanded either by adding support of new programming languages, or by creating a custom application on its basis, which will include only the necessary functions;
  • Projects created in Netbeans can be deployed  outside the IDE.

Short video with NetBeans tips

Download link.

Apana Studio

Platform: Windows, Linux, Mac OS.

Price: freware.

aptana studio interfaceAptana Studio interface

Features:

  • IDE is focused on the web applications development and best integrated with HTML, CSS, JavaScript. Additionally, PHP and Ruby are supported;
  • Wide capability of JavaScript code debugging and its functionality checking;
  • Command line;
  • FTP, SFTP, FTPS and Capistrano protocols are supported;
  • Interface Customization;
  • Ability to create quick commands scripts.

Download link.

Zend Studio

Platforms: Windows, Linux, Mac OS.

Trial version: available for unlimited time but with limited functionality.

Price: The license is purchased for once but without updates and technical support. For personal use, the product costs $ 89, for commercial - $ 189. A three years support subscription costs $ 328.

zend studio interfaceZend Studio interface

Features:

  • IDE was designed for PHP, and therefore has many functions for this language. The application is integrated with Zend Server and phpDocumentor, supports namespaces and closures;
  • In addition, it is fully integrated with JavaScript, CSS, HTML;
  • Debugging  plugin for Mozilla Firefox and Internet Explorer;
  • Splitting the data of application into a model, view, and controller (MVC);
  • MySQL, MS SQL Server, Oracle and other databases are supported.

Zend Studio 13 introduction video

Download link

Visual Studio

Platforms: Windows, Mac OS.

Trial version: 90 days trial version is available.

Price: The price of a version without subscription is $ 499, the price of a standard subscription is $ 1199 and $ 799 for prolongation. The cloud solution will cost $ 539 per year or $ 45 per month. The free version of the application is offered to students and developers of open source software.

visual studio interfaceVisual Studio interface

Features

  • The IDE is designed to work with .NET, so it's best to write JavaScript code for projects using this language;

  • Built-in templates for Node.js;

  • Ability to create own templates using the console command;

  • Interaction with Node.js Package Manager via interface and command line;

  • Remote code debugging for Windows, Linux and Mac OS;

  • TypeScript support.

Video about new features of Visual Studio 2017

Download link.

Which JavaScript IDE you like the most?

JavaScript is a programming language that is suitable for both creating simple scripts and writing full-fledged applications. Both of these tasks can simplify by the integrated development environment: in the first case, a simple text editor will fit, for more serious projects you need a full-fledged IDE. Which JavaScript integrated development environment you like the most? 

WebStorm
49% (21 votes)
Visual Studio
28% (12 votes)
NetBeans
19% (8 votes)
Komodo IDE
5% (2 votes)
Apana Studio
0% (0 votes)
Zend Studio
0% (0 votes)
Total votes: 43

Frontend News Digest 12 - 18.10

Building command line spinners in Node.js, perfect architecure for your next node project and Zero update in this issue Frontend News Digest
18 October 2019   62

Greetings! I hope your week went great! Here's new Frontend news digest.

Another version of a super popular Node.js relaesed, get the info bellow! Also, you will be able learn about Firefox new websocket inspector, WordPress update and watch the video how to built classic layout fast in CSS grid

Guides

  • Build Command-Line Spinners in Node.js

CLI spinners creating will improve your Node.js terminal skills

Articles

  • Improving Form Controls in Microsoft Edge and Chromium 

The Chrome and Edge teams worked together on refreshing form controls in Chromium-based browsers; learn what they have made

  • Firefox’s New WebSocket Inspector

Overview of new Firefox's websocket inspector, which is going to be released in Firefox 71 but availbale only in Firefox Developer Edition at the moment.

  • The Perfect Architecture Flow for Your Next Node Project 

Best practices and architectural tips for your next Node project

  • Coloring Your Terminal Using Nodejs

Article on how coloring libraries like Chalk work under the hood.

Updates

  • WordPress 5.2.4 Release Addresses Several Security Issues

Information about security fixes the news WordPress release

  • Node v12.12.0 (Current)

Another update of the the popular JS RTE with some interesting changes, such as a --force-context-aware flag has been added to prevent addons that aren’t context aware from being loaded, the fs module has added opendir() and fs.Dir as ways to asynchronously iterate through directories and JSON module support has also been made experimental again, due to security concerns in the Web-based implementation of the idea.

  • Zero

A graphics pipeline implemented in JavaScript and rendered to the terminal that can run without GPU required.

Video

Build a Classic Layout FAST in CSS Grid

Podcast

  • Jen Simmons on Browser Features 

Discussion between Jen Simmons, designer advocate at Mozilla and two hosts, Dave Rupert and Chris Coyier. about how new features get shipped to browsers, and how you can get your ideas over to browser makers for consideration.