Sublime Text vs WebStorm

Sublime Text has a minimap on the side that provides a top-down view of the file and keyboard shortcuts for most actions. It also supports a large number of languages and general text editing features out of the box.

Sublime Text is very lightweight by default. Customization occurs on the fly thanks to Package Control.

Sublime Text uses TextMate's syntax declaration files to support new languages, it has all its menus and keybindings generated from JSON files, and it can be scripted to add new features using Python.
If Sublime Text doesn't support a desired language or feature, it's usually not long before someone implements it themselves - examples include the plugin package manager and the 'open in browser' command.

When you start using Sublime Text, it doesn't drown you in keyboard shortcuts or non-intuitive use-concepts. However, high-level functionality can still be easily accessed when the need for it arises.

Multiple cursors and column selection allows 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 permits selecting vertically.
ctrl + shift + l will place a cursor on every highlighted line.

Sublime Text looks consistently the same across Windows, OS X, and Linux.

Sublime Text allows for all sorts of customization to help users change almost everything in the editor: Key Bindings, Menus, Snippets, Macros, Completions, and many more. Essentially, just about everything in Sublime Text is customizable with simple JSON files. This system gives the user flexibility as settings can be specified on a per-file type and per-project basis.

Sublime is quick to start and never slows down. The UI is always responsive and you know what is happening in the background.

The package manager is a plugin and can be swapped with something else custom.

Sublime Text, while being lighter-weight than an IDE, still supports many IDE features.

• Text from the current file is used to provide autocomplete.
• Project Support (folder browsing, scoped history, build-system declarations).
• Refactoring support is emulated through multi-select, project-wide find and replace, and regular expression search.
• Syntax-aware selection and GoTo for quickly jumping to locations in the project.
• Snippets and Macros.
• A Python console for everything else.

Command Palette allows for fuzzy searching all available settings, snippets, etc.

All you need to do when starting up is to install a package manager and modify user configuration.

Regex commands help describe a certain amount of text.

From menus to commands, assign key maps to almost anything.

Settings are modular and can be shared.

Distraction free editing takes over your screen and removes every UI element so you can focus on code.

Choose from many build systems or craft your own.

A Sublime license can be bought but it can still be used for free. However, a pop-up appears when you save multiple times.

Open Goto Anything by pressing Ctrl or Command + P and by using fuzzy search you can look for a file in your project. The file will load even without pressing enter, so you can make sure you've found the correct file without committing.

Both of these programming interfaces are cross-platform, open source, and easy to use.

Provides command line shortcut for server upload.

Vintage mode is Vim-style editing that's already built into the text editor.

Sublime Text compatibility with Textmate bundles is good, but excludes commands, which are incompatible. In general, Sublime Text syntax definitions are compatible with Textmate language files (.tmLanguage extension).

Create your own theme with online editor.

With lot of functionalities, where other editor even not think to provide.

WebStorm integrates with Node.js to allow for running, debugging, and unit testing of Node.js apps.

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.

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.

WebStorm has two types of autocompletion: structural completion and word expansion.

Structural autocompletion makes predictions based on its understanding of JavaScript objects, while the latter tries to predict the word currently being typed based on previously typed words. Word expansion also works in comments and docstrings and it's similar to vim's omnicompletion.

Both types of autocompletion work extremely well, have little to no problems and are quite fast even when loading suggestions on the go.

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.

WebStorm offers typescript support for building typed JavaScript applications which improves refactoring and code completion, as well as helping to find bugs.

WebStorm includes support for Meteor, Angular, and React.

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.

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.

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.

WebStorm has support for Grunt and Gulp task runners.

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.

The theme is very easy to customize to your liking. You can change font-size, colors, highlighting colors, and more.

Webstorm supports not just Git and Mercurial, but Subversion, CVS, and Perforce as well.

This integrates with other community tools like ESLint and editorconfig.

Code Templates are powered by Apache VTL (Velocity Template Language) and allow for includes, custom variables, conditional blocks, iterators, and live templates.

Webstorm comes with icons for many filetypes which makes it easier to find what you're looking for in the project list.

WebStorm has a built-in webserver that allows you to run projects from http://localhost:63342/ProjectName.

The IDE comes with a built-in terminal, a feature lacking in some lighter editors.

WebStorm has built-in support for CoffeeScript and Dart.

Karma allows you to execute unit tests and monitor code coverage. You can read more about using Karma with WebStorm here.

WebStorm has built-in support for Sass which is one of the most stable and powerful CSS extension languages.

WebStorm has a powerful debugger, with support for conditional breakpoints.

With the settings repository, you can easily enforce your development standards.

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.

It is able to specify for example node versions, which will be used to run task for current project.

Assists with configuration and understands module resolution.

Cordova allows for building native mobile applications via HTML, CSS, and JavaScript.

Autocompletion, syntax-highlighting, refactoring, and pub integration for Dart are supported in WebStorm.

Autocompletion, syntax-highlighting.

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.

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).