What’s new in WebStorm 9?
- Meteor Support - Coding assistance for Meteor APIs, special debug configuration for server-side Meteor code, and the new Meteor project generator.
- Integration with PhoneGap, Cordova and Ionic - WebStorm now facilitates your workflow with mobile apps developed with PhoneGap, Apache Cordova and Ionic frameworks. You can create, emulate and deploy apps right from the IDE and have direct access to the Cordova plugin registry.
- Polymer Support - The IDE understands custom elements imports, Polymer’s styling features (like the Shadow DOM polyfills) and layout attributes.
- Gulp Integration - Easily browse through the list of tasks defined in the project gulpfile.js, and run or debug any of them simply by double-clicking the task name.
- Automatic Update for Node.js Apps - With the updated Live Edit feature, WebStorm can seamlessly update your Node.js application on changes via hotswap or automatic server restart. Just make sure you’ve started a Node.js debug session for that.
- EditorConfig - EditorСonfig helps developers define and share code style configuration between different IDEs and editors. WebStorm brings built-in support for EditorConfig, so that now code style settings from EditorConfig files are applied automatically to your project.
- Dart's Pub Serve - For Dart projects, WebStorm adds seamless integration with pub serve. Now when you open your Dart app in the browser from the IDE or start a debug session, WebStorm will automatically run pub serve command first.
- CSS3 Enhancements - WebStorm now supports the latest CSS3 specifications. Now you’ll get advanced coding assistance for CSS3 properties and values including autocompletion and lots of new on-the-fly inspections.
- Inline Variables View - See variable values next to their usages with Inline variables view, a new debugging feature that integrates the Variables view right in the editor.
- Scratch Files - WebStorm 9 brings a completely new feature called Scratch Files. Scratch Files help you experiment and prototype right in the editor - without creating any new project files - and still enjoy top-level coding assistance.
What’s new in WebStorm 8?
- AngularJS Support - Intelligent code completion for directives, controller and application names and code insights for data bindings inside of curly-brace expressions.
- Spy-js - See a full list of events that trigger code execution, then dig into the stack trace and explore the highlighted trace in the source code.
- Multiple Carets and Selections - Place carets in multiple locations in your file and edit code simultaneously.
- Grunt Console - Browse through lists of Grunt tasks defined in your project and execute any task by double-clicking.
- Bower Integration - Search for, install and manage client-side libraries and frameworks for your project.
What’s new in WebStorm 7?
- Support for EJS - EJS-specific syntax highlighting, typing assistance and formatting.
- Mustache - WebStorm now understands .mustache and .hbs files and provides formatting and syntax highlighting for Handlebars and Mustache templates, as well as automatic tag closing.
- Compass - For a more complete experience with Sass, there is now support for Compass. It includes completion, resolving and finding usages for functions, mix-ins and variables from imported Compass files.
- Built-in Tools - WebStorm now includes an integrated Node.js package manager npm to quick search for and install node programs.
- Major Improvements - WebStorm 7 provides support for the latest version of TypeScript 0.9 including Generics and enums. Support for languages like CoffeeScript and Dart has been improved, and there is now a new structure view for LESS and Sass CSS extensions.
- REST Client - Built-in REST Client improved with added support for request history, import/export of XML files with REST Client Requests and compressed responses.
What’s new in WebStorm V6?
- Automatic compilation and transformation of higher-level languages into those recognized by browsers.
- Full-featured debugging of TypeScript, Dart or CoffeeScript via source maps.
- Live Edit is now even more convenient to use and supports HTML5 live editing.
- Improved HTML and CSS coding, with a re-designed HTML structure view and support for Emmet.
What’s new in WebStorm V5?
- Live HTML/CSS/JS Editing Preview - Start editing code to see the changes immediately in your browser. WebStorm auto-saves your changes and the browser updates the page on the fly, showing edits.
- Google Closure Compiler JSDoc Annotations Support - JSDoc tags support has been significantly improved for better coding experience.
- Jade Templates - WebStorm 5.0 introduces initial support for working with .jade files, including code completion for HTML tags, code completion for all Jade statements and the ability to create new files via a quick-fix.
- Stylesheets: CSS/Sass/LESS - Better code completion, navigation, code formatting and support for advanced constructs.
What's new in WebStorm V4.0?
- ECMAScript Harmony Support - Experimental support of a new ECMAScript version code-named Harmony
- HTML5 Boilerplate and other Web Application Templates - WebStorm offers some well-known project templates to use depending on your needs
- Custom Code Folding Regions - Define your own code folding regions with special line comments
What's new in WebStorm V3.0?
- FTP/SFTP Sync Improved - Sync with Local / Sync with Deployed context menus added in Project view and Remote Host view.
- XSLT - XSLT 2.0 support enhanced with XSLT Debugger
What's new in WebStorm V2.0?
- SASS 3 Support - Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using PhpStorm. WebStorm supports Find usages and rename for mixins and SCSS variables, as well as inspections for unresolved mixins and variables.
- Mercurial Support - Pulling and pushing changes from IDE, visual merging.
- Leaner CSS - LESS provides extension to CSS with variables, mixins, operations and nested rules, and uses CSS syntax.
- Relax NG for XML - Relax NG is an alternative to W3C XML Schema language, which is said to be very complex and hard to learn/use/maintain. WebStorm provides completion and validation of XML documents associated with Relax NG schemas. It also allows editing Relax NG files in XML with on-the-fly error checking, completion, documentation lookup and more.
- New Git Log UI - Now you will be able to filter changes by branch, tag or developer, highlight changes made in a specific folder, or show differences right in the IDE.
- GitHub Integration - Now you'll be able to check out your existing GitHub repository right from the IDE and auto-open it as a project.
DOM- and Schema-Based Code Completion - Based on its deep knowledge of HTML/XHTML and XML code, WebStorm is capable of completing:
- file references
- tag names
- closing tags
- In CSS, code completion works for:
- HTML IDs
Validation and Quick-Fixes - WebStorm detects and suggests auto-fixes for such problems as:
- invalid CSS selector format
- invalid CSS properties
- unused CSS class definitions
- invalid local anchors and more...
- missing required attributes
- invalid attributes or illegal values
- Wrong references to files in links
- Duplicate attributes
Whenever you see a bulb, hit Alt+Enter to see what WebStorm suggests
Show Content - Quick Definition Lookup on a CSS ID immediately shows a popup displaying the actual styles defined for this particular ID; when invoked on an image file reference, you will see an image preview. This works both in code and in completions lists.
Zen Coding - WebStorm allows you to use the power and speed of Zen coding. All abbreviations are available for creating new content and for wrapping an existing structure. Having difficulty understanding where the styles come from for a particular tag in your page? Right-click it and choose Show Applied Styles for Tag. This command opens a tree-view of all styles that are applied to the tag by CSS, with all possible overrides.
Extract Embedded Styles - Allows you to clean your HTML code by moving styles embedded inside tags to either the current file <style> section or to a linked external .css file. Simply invoke 'Extract Embedded CSS' quick-fix, specify CSS selector and the destination for the new CSS class.
Code Navigation and Usage Search - Numerous code navigation and usage search options:
- Go to declaration - navigates to where the function, variable or label in question is declared with a simple hotkey or Ctrl+Click.
- Go to symbol - navigates to any symbol in project code using search patterns, including asterisk (*) or CamelHump abbreviations.
- Safe Delete
- Extract embedded script into file
- Extract Variable/Function
- Inline Variable/Function
- Customizable breakpoint properties: suspend mode, conditions, pass count and more
Some specific features include:
- Code completion for every framework
- JSDoc and DoJo style type annotations support for better code completion and parameter type information
- Quick Documentation lookup for JSDoc and DoJo style commands
More Than Code
Batch Code Analysis - No need to click through all the files or deploy to a server to spot errors and warnings. Start Code Analysis for the whole source tree, select Inspections to run, and see all results in a single view.
Spellchecker - Integrated spellchecker verifies texts in tags, code strings and comments to avoid misspellings and typos on your web pages. To ensure better code readability even variable names, CSS classes and IDs are spell-checked. To configure spellchecker specify the options for 'Spelling' inspection in Inspections settings.
FTP and Remote Files Syncronization - Open files from a remote host, FTP, or a mounted network drive using simple configuration and an intuitive user interface. Edit project files locally and deploy back to a remote server using automatic synchronization on file save or on demand.
Version Control Systems Integration - WebStorm supports most popular Version Control Systems:
All the tedious tasks (adding, removing, deleting files) are performed automatically. A built-in visual merge tool resolves all conflicts in a quick and intuitive manner. The changes made locally are highlighted as you type in the editor gutter, providing intuitive navigation and a 2-click rollback for individual changes.
The following features are available no matter what VCS you use:
- Integrated changelists - group your changes into multiple change lists for better ogranisation
- Shelved changes - set aside some changes to restore them later on
- Repository Changes view - see what has been committed by other team members
- Incoming Changes view - see the code changes not yet integrated into your local copy
- Outdated Changes Notification - get warned that a file you are working with has been changed after your last sync.
- Local History - WebStorm tracks any changes made to your source files, protecting you from any accidental losses or modifications, even if made by other applications. At any time you can inspect the history of either a particular file or directory and rollback to any of its previous versions. You can also set version labels.