WebStorm integrates with Node.js to allow for running, debugging, and unit testing of Node.js apps.
Ranked in these QuestionsQuestion Ranking
Pro Extensive list of packages
Atom has a built-in package manager and an extensive list of packages. Packages are written in CoffeeScript.
Pro Built-in package management
Atom was built from the ground up with the community in mind. Package management is therefore a first class feature.
Due to its modular design, almost any aspect of the editor can be changed. Even seemingly core packages, like those taking care of search and replace functionality, can be forked on GitHub, and changed and replaced in the editor.
The documentation for creating new plugins is also great, making it easier for developers to jump in and create plugins for Atom.
Atom can run on Mac, Windows, and Linux.
Pro Free and open source
Atom is free, open source, and written in C++, LESS, and CoffeeScript.
Pro Beginner friendly
One of the goals of Atom is to be a text editor for both experienced and beginner programmers. You can add keyboard shortcuts, change themes, install plugins, and change core settings by clicking through a GUI, or by manually editing config files the old-fashioned way. It has the added advantage of being built using the same engine that powers Google Chrome, so actions like opening and closing tabs feel familiar, even to new or non-programmers.
Pro Multi-line select and edit
Multiple cursors and column selection allow for versatile ways of editing.
ctrl + d will select the current word and each time the command is repeated, it adds the next occurrence of the word to the selection.
ctrl + click or
middle-mouse click will place another cursor in the place that's clicked. Cursors can then be controlled together. This also allows for selecting vertically.
Pro Embedded Git control
Atom will highlight folders, files, and lines that have any uncommitted edits made. It also integrates really well with GitHub.
Pro Command Palette support
The Command Palette permits fuzzy searching all available functions, settings, snippets, etc.
Pro Allows for instant file switching
By pressing Ctrl or Command + T and using fuzzy search, you can look for a file in your project.
Pro Command line integration out of the box
Installing Atom adds two command line commands -
apm. The first one runs the application itself while the second is the Atom Package Manager that's used to add and remove various components from the package listing. While these features can be set up with other editors as well, Atom takes care of them out of the box.
You can theme and customize Atom to your liking.
Pro HiDPI support
Atom has built-in HiDPI support with zero scaling issues.
Pro Modern feel and very customizable and extendable
Pro Vim plugin turns Atom into a modernized vim
Pro Best support for Arduino with Platformio
Arduino is the most important platform for developing embedded systems.
Pro Node.js integration
WebStorm integrates with Node.js to allow for running, debugging, and unit testing of Node.js apps.
Pro Code refactoring support
To make sure your code can be easily maintained, you must first be sure to make it clean and tidy. This is the part where WebStorm really helps you. It automatically refactors your code by performing functions on it, such as extraction of variables, moving files, inline variable extraction, etc.
Pro Integrated code quality tools
WebStorm comes bundled with JSHint and JSLint. JSCS, ESLint, and Closure Linter can be installed via npm. They register as inspections and are customizable through IDE settings. They run automatically and will highlight potential issues. Pressing alt+enter on an issue will allow the user to view suggested fixes.
Pro Intelligent code completion
WebStorm has two types of autocompletion: structural completion and word expansion.
Both types of autocompletion work extremely well, have little to no problems and are quite fast even when loading suggestions on the go.
Pro Maintains a local history
The local history feature in Webstorm tracks all your local changes in the source code that you are making. You can use it to view changes that you've made to your code and roll back whenever necessary.
Pro Typescript support
Pro Supports a wide range of plug-ins
Pro Built-in web server
WebStorm has a built-in webserver that allows you to run projects from
WebStorm includes support for Meteor, Angular, and React.
Pro Powerful git and GitHub integration
WebStorm has a powerful visual git tool, allowing for easy commits, visual diffing, merging, push/pull, rebasing, and inspecting the VCS history of a project. GitHub is supported natively - you can check out a project directly from GitHub.
Pro Reduces the amount of repetitive code that has to be written with code snippets
WebStorm includes a feature called Live Templates. Live Templates are predefined code snippets that can include variables. They're intended to increase productivity by reducing the amount of repetitive code that has to be written.
Pro Ability to base hot keys on previously used IDEs
When you install WebStorm, it allows you to choose from other IDE's for it to base it's hot keys on. So if you are switching from another IDE, it makes it a very easy transition and productivity is not adversely affected by having to learn new hot keys.
Pro Built-in terminal/run tools
WebStorm (and really all of the IntelliJ IDEs) support the plugins throughout their plugin ecosystem which leaves you with 100s of tools to handle your automation tasks. There is a wide range of build-related plugins that help you by having pre-defined commands to execute with the click of a button. Out of any other IDE, WebStorm has by far the most coverage when it comes to tools for your development workflow.
Pro CSS pre-processor support
WebStorm has built-in support for Sass which is one of the most stable and powerful CSS extension languages.
WebStorm has built-in support for CoffeeScript and Dart.
Pro Support for Karma test runner
Karma allows you to execute unit tests and monitor code coverage. You can read more about using Karma with WebStorm here.
Pro Theme support / tweaking
The theme is very easy to customize to your liking. You can change font-size, colors, highlighting colors, and more.
WebStorm has support for Grunt and Gulp task runners.
Pro Server and client-side debugger
WebStorm has a powerful debugger, with support for conditional breakpoints.
Pro Support for all major VCS systems
Webstorm supports not just Git and Mercurial, but Subversion, CVS, and Perforce as well.
Pro Powerful Code Templates
Code Templates are powered by Apache VTL (Velocity Template Language) and allow for includes, custom variables, conditional blocks, iterators, and live templates.
Pro Really good configurable code formatting
This integrates with other community tools like ESLint and editorconfig.
Pro Multi-line select and editing
Pro Free for open-source development, students, and teacher
Non-commercial open source projects, and students and teachers (including classroom licenses) may qualify for a free license. There is a 50% off license for startups (under 3 years old). You can read more about it here.
Pro Has a built-in terminal
The IDE comes with a built-in terminal, a feature lacking in some lighter editors.
Pro Special icons for most filetypes in project list
Webstorm comes with icons for many filetypes which makes it easier to find what you're looking for in the project list.
Pro Webpack support
Assists with configuration and understands module resolution.
Pro Cordova support
Pro Auto sync settings across team / machines / platforms
With the settings repository, you can easily enforce your development standards.
Pro Dart language support
Autocompletion, syntax-highlighting, refactoring, and pub integration for Dart are supported in WebStorm.
Pro Coffeescript support
Pro Different configurations for different projects
It is able to specify for example node versions, which will be used to run task for current project.
Pro Low memory use
It may seem like a complex IDE and it does have a lot of functionality, yet it uses way less RAM than barebones-looking, Electron-based IDEs.
Pro Gulp support
Pro Interactive theme (color scheme) editor
Makes adjusting an existing or creating new themes a breeze. Especially due to things like inheritance, as well as easily exporting/distributing/importing the color settings which really only store where on deviates from the defaults (thus the resulting files are very small and relatively human-readable).
Pro Efficient and effective
Con Very slow startup time
Atom is very slow to startup, which is a big disadvantage if you are accustomed to using it to make quick changes on your files.
Con High memory usage
Atom has a relatively high memory usage, especially when compared to some other text editors not based on Electron. For those who develop on the go, this also tends to mean shorter battery life.
Con Has difficulty with large text files
Tends to crash or hang with large >(10MB) text files, making it less useful as a general text editor.
Con Slows down exponentially with plugins
Extending it needs sacrificing responsiveness
Con No text UI
Con Doesn't handle RTL (right-to-left text) well
Text can't be highlighted and manipulated properly, cursor isn't displayed visually according to where it is logically (you have to type to find out), and similar issues.
Con Not known when a new window will open
It's not really clear why and when a new window is opened when you open a file out of the tree view.
Atom is not a native application. As such performance is subpar and the lag is especially noticeable on larger projects. It also opens a surprising amount of sub-processes and leaks a considerable amount of memory.
Con Missing additional touches
As Atom is still relatively new, it's missing nice little touches that other text editors have implemented over the years. From simple ease-of-use items like middle-mouse button multi-cursor select, to the ways pasted information from a spreadsheet is interpreted in multi-select situations.
Con Crash and data loss
I lost unsaved changes 2 times when the app crashes.
A bugreport about that was closed automatically after some time, nobody cares.
Con Doesn't recognize some keyboards
Con Occasional slow performance
WebStorm can sometimes choke all cores of the CPU. There are numerous reports of high CPU usage.
Con Not free for commercial use
A paid license is required to use WebStorm for commercial use. The license terms changed in November 2015 and currently require a subscription (per year: $59 personal, $129 for companies). Students can obtain a free non-commercial, educational license good for one year. There is also an option to pay on a monthly basis in addition to perks, such as a fallback commercial license that can be used for free.
Con Not open source
This application is proprietary, and thus cannot be modified, freely distributed, or trusted for security.
Con You may have to fiddle with the JVM memory settings in configuration files
To get it to run properly, you have to edit the JVM memory settings when you use Node.js. Node.js makes the small JS project you have into a "large" project that requires more memory.
Con Plug-in ecosystem isn't robust
Every framework or extension with any popularity whatsoever will have a plugin for VS Code. Sometimes they'll still support Atom. Only one in twenty will have native support for WebStorm.
If you want support for the latest libraries, you won't get it in WebStorm.
Con Non-native filesystem causes issues
The Java wrapper around the filesystem doesn't actively watch for file changes (by, for example, using the fsevents api on OS X), and as a result can become easily desynchronised from the actual filesystem.
It should be noted though that this is easily remedied by going to File/Settings/System Settings and checking the "Synchronize Files on frame or editor tab activation" option. It's also recommended to more explicitly represent your workflow within WebStorm itself. Most external tools/tasks can be handled with WebStorm. And if it's not in a plug-in, then you can handle it with the File Watchers.
Con Proprietary file dialogs
Webstorm doesn't use the native Windows and OSX file dialogs, which makes it more of a hassle to open projects.
For instance, you don't have access to your favorite folders on the left-hand side in their custom file dialogs.
Con Can't open multiple projects in a single instance
The only way to open multiple projects is to run a new instance of WebStorm which is not ideal. WebStorm can use up to 1-1.5 GB of memory.
Con Bad default options compared to the competition
Examples are an unreasonably low number of undo steps and automatic saving (which causes webpack dev server to bundle VERY frequently).
Con Poor usability on option and menu navigation
You need to press a combination of keys or navigate through different menu levels to carry out the two most common things a developer does. For example, to run your code, the default is Shift+F10. To go to definition, you need to click on "Navigation" first. There is no sense to this: being forced to press a combination of keys hundreds of times or navigating through different menus can be a waste of time.
Con Constantly trailing behind on support for its main features
The Jetbrains team do an admirable job attempting to keep up with support for the features they wrap, but they are running an un-winnable race. For example, WebStorm 11.0.2 hangs when trying to debug NodeJS 5.0+ projects (30+ seconds before hitting breakpoint). By the time they fix it, 5.1 will be out and something else will break.
Con Newer versions are increasingly unstable
This only happens when it's not a major version.